jquery常用的ajax方法有哪些，jquery写出ajax请求流程

今天小编为大家分享Windows系统下载、Windows系统教程、windows相关应用程序的文章，希望能够帮助到大家！

jQuery中ajax的4种常用请求方式：

1.$.ajax()返回其创建的 XMLHttpRequest对象。

$.ajax()只有一个参数：参数 key/value对象，包含各配置及回调函数信息。详细参数选项见下。

如果你指定了 dataType选项，请确保服务器返回正确的 MIME信息，(如 xml返回"text/xml")。

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

url:'/Resources/GetList.ashx',

$("#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"},

3.通过远程 HTTP POST请求载入信息。

这是一个简单的 POST请求功能以取代复杂$.ajax。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用$.ajax。

$.post("/Resources/addfriend.ashx",{"fid": fids,"fname": fnames,"tuid": tuids,"tuname": tunames}, function(data){

4.通过 HTTP GET请求载入 JSON数据。

$.getJSON("api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",

$.each(data.items, function(i,item){

$("<img/>").attr("src", item.media.m).appendTo("#images");

1. get()方法通过远程 HTTP GET请求载入信息。

var ajax= new XMLHttpRequest();

ajax.open('get','01.Ajax_get.php');

ajax.onreadystatechange= function(){

if(ajax.readyState== 4&& ajax.status== 200){

// 5.使用返回的数据修改页面的内容

// responseText返回的就是一个字符串

//我们在ajax中如果是通过 ajax.responseText获取到的统统都是字符串

console.log(ajax.responseText);

2.post()通过远程 HTTP POST请求载入信息。这是一个简单的 POST请求功能以取代复杂的$.ajax().请求成功时可调用回调函数。

var ajax= new XMLHttpRequest();

ajax.open('post','ajax_post.php');

//如果使用post发送数据必须设置如下内容

//修改了发送给服务器的请求报文的内容

//如果需要像 HTML表单那样 POST数据，请使用 setRequestHeader()来添加 HTTP头。然后在 send()方法中规定您希望发送的数据：

ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");

// post请求发送的数据写在 send方法中

//格式 name=jack&age=18字符串的格式

ajax.send('name=jack&age=998');

ajax.onreadystatechange= function(){

if(ajax.readyState==4&&ajax.status==200){

console.log(ajax.responseText);

wwW.Xtw.Com.cN系统网专业的PC、手机系统开发下载平台，HarmonyOS系统、安卓、OS、windows电脑重装系统在线下载安装,操作系统平台技术学习,攻略教程,技术交流。