当前位置:首页>开发>正文

Jquery中常用的AJax的方法有哪几个 jquery中使用ajax的几种常用写法

2023-04-23 17:59:40 互联网 未知 开发

 Jquery中常用的AJax的方法有哪几个 jquery中使用ajax的几种常用写法

Jquery中常用的AJax的方法有哪几个

jQuery中ajax的4种常用请求方式:
1.$.ajax()返回其创建的 XMLHttpRequest 对象。
$.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。如果指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml")。
实例:
保存数据到服务器,成功时显示信息。
$.ajax({ type: "post", dataType: "html", url: /Resources/GetList.ashx, data: dataurl, success: function (data)   {
if (data != "") {
$("#pager").pager({
pagenumber: pagenumber, pagecount: data.split("$$")[1],
buttonClickCallback: PageClick })
$("#anhtml").html(data.split("$$")[0])
}
}
})
2.通过远程 HTTP GET 请求载入信息。
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数
。如果需要在出错时执行函数,请使用 $.ajax。 实例:
$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: "   data)
})
3. 通过远程 HTTP POST 请求载入信息。 这是一个简单的 POST 请求功能以取代复杂 $.ajax 。
请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
实例:
$.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames },
function (data) {
if (data == "ok") {
alert("添加成功!")
}
}
)
4.通过 HTTP GET 请求载入 JSON 数据。
实例:
$.getJSON("api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&
jsoncallback=?,前面加上http://", function(data){
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#images")
if ( i == 3 ) return false
})
})

jquery中使用ajax的几种常用写法

第一种:
$.ajax({
type: "POST",
url: "ShowProduct.aspx/GetDHList",
data: {CategoryId:" CategoryId "},
contentType: "application/jsoncharset=utf-8",
dataType: "json",
success: function (data) {
var item = eval(data.d)
var StrHtml = ""
for (var i in item) {}
}, async: false
})
第二种:
$(document).ready(function(){
$("#b01").click(function(){
htmlobj=$.ajax({url:"/jquery/test1.txt",async:false})
$("#myDiv").html(htmlobj.responseText)
})
})

第三种:
$.ajax({ url: "test.html", context: document.body, success: function(){
$(this).addClass("done")
}})