您的位置:首页 > Web前端 > JQuery

jQuery.ajax()的一些例子

2016-07-10 17:09 639 查看

例子:

Example: 保存数据到服务器,成功时显示信息。

1
2
3
4
5
6
7
$.ajax({


method: "POST",


url: "some.php",


data: { name: "John", location: "Boston" }


}).done(function( msg ) {


alert( "Data Saved: " + msg );


});


Example: 装入一个 HTML 网页最新版本。

1
2
3
4
5
6
$.ajax({


url: "test.html",


cache: false


}).done(function( html ) {


$("#results").append(html);


});


Example: 发送 XML 数据至服务器。设置 processData 选项为
false
,防止自动转换数据格式。

1
2
3
4
5
6
7
8
var xmlDocument = [create xml document];


var xmlRequest = $.ajax({


url: "page.php",


processData: false,


data: xmlDocument


});


xmlRequest.done(handleResponse);


Example: 发送id作为数据发送到服务器, 保存一些数据到服务器上, 并通一旦它的完成知用户。 如果请求失败,则提醒用户。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var menuId = $("ul.nav").first().attr("id");


var request = $.ajax({


url: "script.php",


method: "POST",


data: {id : menuId},


dataType: "html"


});


request.done(function(msg) {


$("#log").html( msg );


});


request.fail(function(jqXHR, textStatus) {


alert( "Request failed: " + textStatus );


});


Example: 获取json数据

$.ajax({
method: "GET",
url: "service.php",
dataType: "json",
success:function(){},
error:function(){}
});


Example: 载入并执行一个JavaScript文件.

1
2
3
4
5
$.ajax({


method: "GET",


url: "test.js",


dataType: "script"


});


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: