AJAX js django

1.什么是AJAX？

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

 在不重载整个网页的情况下，AJAX通过后台加载数据，并在网页上进行显示。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);
   });