Ajax的基础使用方法

Ajax

简介：
AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。

简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。

使用 AJAX 的应用程序案例：谷歌地图、腾讯微博、优酷视频、人人网等等。

关于 jQuery 与 AJAX
jQuery 提供多个与 AJAX 有关的方法。

通过 jQuery AJAX 方法，您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。

jquery.get()方法是Ajax的一个简单方法
语法

     $.get(url,[data],[fn],[type]) 

url:待载入页面的URL地址

data:待发送 Key/value 参数。

callback:载入成功时回调函数。

type:返回内容格式，xml, html, script, json, text, _default。

案例

  $.get("?a=check",{'account':value},function(data){
            console.log(data);//{'status':2,'msg':'error'}
            eval("var d = ("+ data + ")");
            if(d.status == 2){//重复
                $('#msg').text(d.msg).removeClass("text-success").addClass("text-danger");
            }else{
                $('#msg').text(d.msg).removeClass("text-danger").addClass("text-success");
            }
        });
    });

XMLHttpRequest与Ajax

定义

• XMLHttpRequest 是 AJAX 的基础
• XMLHttpRequest 术语缩写为XHR，中文可以解释为可扩展超文本传输请求。
• XMLHttpRequest 对象可以在不向服务器提交整个页面的情况下，实现局部更新网页。

使用

• 在不重新加载页面的情况下更新网页
• 在页面已加载后从服务器请求数据
• 在页面已加载后从服务器接收数据
• 在后台向服务器发送数据

步骤
1.建立XMLHttpRequest对象；
2.注册回调函数；
3.使用open方法设置和服务器交互
4.设置发送的数据，开始和服务器交互；
5.在回调函数中判断交互是否结束，响应是否正确，并根据需要获取服务器端返回的数据，更新页面内容。

在使用XMLHttpRequest对象发送请求喝处理响应之前，必须先用J啊v啊Script创建一个XMLHttpReques对象。由于XMLHttpReques不是一个W3C标准，所以可以采用多种方法使用javascript来创建XMLHttpReques的实例。

部分方法

方法	描述
open(method,url,asynch)	指定和服务器端交互的HTTP方法，URL地址及其他请求信息
send(content)	向服务器发出请求，如果采用异步方式，改方法会立即返回
status	服务器返回的http状态码
statusText	服务器返回状态码的文本信息