ajax请求的五个步骤?
发布网友
发布时间：2022-04-22 23:36
共2个回答
懂视网
时间：2022-04-07 09:26
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 请求载入信息
相比于复杂的$.ajax而言，GET请求功能则显得更加简单，请求成功时可调用回调函数。当然如果需要在出错时执行函数，那么还请使用$.ajax。
实例：
$.get("test.cgi", { name: "John", time: "2pm" },function(data){
alert("Data Loaded: " + data);
});3、通过远程 HTTP POST 请求载入信息
POST请求功能也相对比较简单，请求成功时可调用回调函数。如果需要在出错时执行函数，那么请使用$.ajax请求。
实例：
$.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames }, function (data) {if (data == "ok") {
alert("添加成功！");
}
})4、通过 HTTP GET 请求载入 JSON 数据
实例：
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
function(data){
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false;
});
});推荐教程：js入门教程
热心网友
时间：2022-04-07 06:34
ajax请求的五个步骤：
1.建立XMLHttpRequest对象。
2.设置回调函数。
3.使用open方法与服务器建立链接。
4.向服务器发送数据。
5.在回调函数中针对不同的响应状态进行处理。
Ajax即Asynchronous Javascript And XML（异步JavaScript和XML）在 2005年被Jesse James Garrett提出的新术语，用来描述一种使用现有技术集合的‘新’方法。
包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest。
使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面，这使得程序能够更快地回应用户的操作。
Ajax这个术语源自描述从基于 Web 的应用到基于数据的应用：
Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。
使用 JavaScript 向服务器提出请求并处理响应而不阻塞用户核心对象XMLHttpRequest。通过这个对象，您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据，即在不需要刷新页面的情况下，就可以产生局部刷新的效果。
