ajax 笔记

//模拟ajax实现无

$n = file_get_contents('./rss.txt');

$n = $n+1;
file_put_contents('./rss.txt',$n);


实现 无刷新效果 最主要的是发送一个http请求 而不跳转


//1    利用http协议的204特性 虽然请求了页面,但是没有调转
header('HTTP/1.1 204 No Content');

// 2 创建一个图片 发送请求
 function vote(){
        var h = document.createElement('img');//创建图片属性
             h.setAttribute('src','vote.php'); //请求页面


          //h.setAttribute('src','3.jpg');


          //document.getElementById('tp').appendChild(h);   
      }


console.log(new XMLHttpRequest());




   返回类型为XML   responseXML


   eval('('+responseText+')'); //将json格式的数据转成对象


  
//从数据库取出数据来,转成json格式
  $arr  = array('name'=>'令狐冲','age'=>33);
echo json_encode($arr);




jsonp 跨域问题
<script>
  function sear(){
        var key = document.getElementsByName('key')[0].value;
       var url = "http://ajax.googleapis.com/ajax/services/search/web?v=1.0&q="+key+"&callback=ss ";
       var jp = document.createElement('script');
           jp.setAttribute("type","text/javascript");
           jp.setAttribute("src",url);
           document.getElementsByTagName('head')[0].appendChild(jp);
    }
    function ss(res){
         var result = res.responseData.results;
         var str="";
         var d = document.getElementById('jsonp');
         for(var i in result){
            str += '<p>'+result[i].title+'<p>';
            str += '<p>'+result[i].visibleUrl+'<p>';
            str += '<p>'+result[i].content+'<p>';
         }
         d.innerHTML = str;
       
    }
    <script>
    <p><input type="text" name="key"><p>
    <input type="button" value="查询" onclick="sear();">
    <div id="jsonp"><div>

  //ajax  信息码

    0 XHR对象刚建立
    1 open成功后,(此时,已建立连接成功)
    2 接受头信息,成功
    3 接受,body信息
    4 成功,断开连接


 利用jquery 和 iframe 伪装上传
    <script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
     function iframeup(){
          var ifname="up" + Math.random();
          $('<iframe name="'+ ifname + '"></iframe>').appendTo($('body'));


          $('form:first').attr('target',ifname);
          $('#h2').html("<img src='./loading.gif'>");
          // return false;
     }
<h2 id="h2"></h2>
    <form  action="up.php" method="post"enctype="multipart/form-data"  onsubmit="return iframeup();" />
    <p>
       <input type="file" name="pic">
    <p>
    <p>
       <input type="submit" value="上传">
    <p>
    
    //up.php
     "<script>parent.document.getElementById('h2').innerHTML='$erron'</script>";