第三章 jQuery 中 Ajax 的使用
1 相关 ajax 方法
① $.get() 发送 GET 请求
$.get(url, [data], [callback], [type])
url:请求的URL地址。
data:请求携带的参数。
callback:载入成功时回调函数。
type:设置响应内容的格式,xml, html, script, json, text 等。
$.get('/server', {a:100, b:200,wd: 618}, function(data){
//data中存放的是响应体的结果
console.log(data);
});
② $.post() 发送 POST 请求
$.post(url, [data], [callback], [type])
url:请求的URL地址。
data:请求携带的参数。
callback:载入成功时回调函数。
type:设置响应内容的格式,xml, html, script, json, text 等。
$.post('/server', {username:'anni', password:"123123"}, function(data){
console.log(data);
});
③ $.ajax() 发送指定的请求
$.ajax(url, [settings])
- url:请求的URL地址。
- settings:Ajax 请求设置,是一个对象,通过对象属性设置各种选项,所有选项都是可选的
$.ajax({
type: "POST",
url: "some.php",
data: {username:'anni', password:"123123"},
dataType: 'json', // 响应内容的类型
success: function(msg){
alert(msg);
}
});
2 表单数据处理
① serialize() 序列表表格内容为字符串
$("form").serialize()
3 JSONP 方法
① $.getJSON() 用于 jsonp 请求
$.getJSON(url,[data], [callback])
url:发送请求地址。
data:待发送 Key/value 参数。
callback:载入成功时回调函数。
您可以通过使用 JSONP 形式的回调函数来加载其他网域的JSON数据,如 "myurl?callback=?"。jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。
$.getJSON("/serverr", { name: "John", time: "2pm" }, function(json){
alert("JSON Data: " + json.users[3].name);
});