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);  
   });

相关推荐