jQuery下的ajax【5分钟学会】

jquery下的ajax方法

• load
• ajax
• get
• post

load（）方法

jQuery load() 方法是简单但强大的 AJAX 方法。

load() 方法从服务器加载数据，并把返回的数据放入被选元素中。

语法:

$(selector).load(URL,data,callback);

例如：

$("#div1").load("demo_test.txt"); //将txt文本添加到div1里面

• 必需的 URL 参数规定您希望加载的 URL。

• 可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。

• 可选的 callback 参数是 load() 方法完成后所执行的函数名称。

显然这个方法条理不够清晰，但是胜在简单直接。

ajax（）方法

常用键值对

• url //请求路径
• type //请求方式
• data //请求参数
• success //响应成功后的回调函数
• error // 响应失败后的回调函数
• dataType //设置接收到的响应数据的格式

jquery下通过键值对的形式来包装，注意每个键之间用“，”隔开，但是最后一个不能加逗号

ajax方法的优势在于调理清晰，缺点在于比较麻烦

而真正比较常用的方式是get和post

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

• GET - 从指定的资源请求数据
• POST - 向指定的资源提交要处理的数据

get( )方法

$.get() 方法通过 HTTP GET 请求从服务器上请求数据。

语法：

$.get(*URL*,*callback*);

post()方法

$.post() 方法通过 HTTP POST 请求向服务器提交数据。

语法:

$.post(*URL,data,callback*);

• 必需的 URL 参数规定您希望请求的 URL。
• 可选的 data 参数规定连同请求发送的数据。
• 可选的 callback 参数是请求成功后所执行的函数名。

$.post("/try/ajax/demo_test_post.php",{
			name:"菜鸟教程",
			url:"http://www.runoob.com"
		},
		function(data,status){
			alert("数据: \n" + data + "\n状态: " + status);
		});