ajax

1.什么是AJAX？ 

AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML） 

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

2.jQuery和AJAX

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

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

3.jQuery AJAX基本方法

（1）jQuery load()方法：jQuery load()方法是简单强大的AJAX方法。load()方法从服务器加载数据，并把返回的数据放入被选元素中。

语法：

 

$(selector).load(URL,data,callback);  
//必须的URL参数规定你希望加载的URL。  
//可选的data参数规定与请求一同发送的查询字符串键/值对集合。  
//可选的callback参数是load()方法完成后执行的函数名称。  

  

（2）jQuery-AJAX get()和post()方法：jQuery get()和post()方法用于通过HTTP GET或POST请求从服务器请求数据和发送数据。

HTTP请求：GET和POST

两种在客户端和服务器进行请求-响应的常用方法是：GET和POST。

GET- 从指定的资源请求数据。(GET基本上用于从服务器获得数据，GET能返回缓存数据。)

POST-向指定的资源提交要处理的数据。(POST也可以用于从服务器获取数据，不过它不会缓存，并且他常被用于连同请求一起发送数据。)

       jQuery $.get()方法:

 

$.get(url,data,callback);  
//必需的URL参数规定你希望请求的URL。  
//可选的callback参数是请求成功后所执行的函数名。

  

使用$.get()方法从服务器上的一个文件中取回数据：

实例：

 

$("button").click(function(){  
    $.get("demo_test.asp",function(data,status){  
        alert("Data: " + data + "\nStatus: "+status);     
    });  
});  

    

   jQuery $.post()方法: 

 

$.post(url,data,callback);  
//必需的URL参数规定你希望发送请求和数据的URL。  
//可选的data参数是你要发送的数据。  
//可选的callback参数是发送请求和数据成功后所执行的函数名。 

 

下面的例子使用$.post()方法向服务器发送请求和数据：

 

$.post(url,data,  
   function(data){  
     alert("Data Loaded: " + data);  
   });