ajax学习笔记

这两天学了一些关于ajax的,现在先做一下笔记:

首先,ajax是返回用户感兴趣的数据,不需要刷新整个页面。因此,可以不要要form。

然后,一、在jquery中,将数据传送给服务端,或者返回服务器端传回来的数据,可以通过$.get(url,data,callback)和$.post(url,data,callback),其中的callback主要用来处理服务端返回来的数据。当

url中,已经包含要传给服务端的数据,第二个参数就可以不用再传数据,可以直接写为null。

二、在JavaScript中

1、需要针对IE和其他类型的浏览器建立这个对象的不同方式写不同的代码:

var xmlhttp;
if (window.XMLHttpRequest)
  {// 针对IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
       //针对某些特定版本的mozillar浏览器的BUG进行修正
      if(xmlhttp.overrideMimeType){
            xmlhttp.overrideMimeType("text/xml");
      }
  }
else if(window.ActiveXObject)
  {// 针对 lt IE6
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

2、注册回调函数:xmlhttp。onreadystatechange = callback;【callback不可以加(),加上之后就会将函数的返回值,就会出错】
3、设置连接信息

   法一:

xmlhttp.open("GET",URL,true);//true表示异步
法二:
xmlhttp.open("POST","ajax_test.asp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

4、发送数据,开始和服务端按进行交互//同步的话要服务端按数据返回来才执行,异步立即执行

xmlhttp.send(null);//get
xmlhttp.send("fname=Bill&lname=Gates");//post

5、回调函数

function callback(){
    //第一个是判断对象是否交互完成,第二个是判断http是否交互完成
   if (xmlhttp.readyState==4 && xmlhttp.status==200) {   
          document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
   }
}

 

如果有错的,欢迎大家纠正~

 

posted @ 2016-04-17 22:37  逆光飞翔23  阅读(149)  评论(0编辑  收藏  举报