新网站建设服务公司,网页设计软件下载网站,ui设计公司网站,可以制作动画的软件概述JQuery发送ajax请求的方法有很多#xff0c;其中最基本的方法是$.ajax#xff0c;在其中封装的方法有 $.get, $post等。我们分别举了不同的示例。数据格式首先#xff0c;浏览器与服务器之间传输数据所采用的格式#xff0c;比较常见的有json#xff0c;jsonp#xf…概述JQuery发送ajax请求的方法有很多其中最基本的方法是$.ajax在其中封装的方法有 $.get, $post等。我们分别举了不同的示例。数据格式首先浏览器与服务器之间传输数据所采用的格式比较常见的有jsonjsonphtmltextxml等目前由于json占用更小存储并且是JavaScript原生格式因此大家大部分的选择。一可选字段1url链接地址字符串表示2data需发送到服务器的数据GET与POST都可以将自动转换为请求字符串格式以 Key/value 的键值对形式表示格式为{A: ..., B: ...}3typePOST 或 GET请求类型4timeout请求超时时间单位为毫秒数值表示5cache是否缓存请求结果bool表示6contentType内容类型默认为application/x-www-form-urlencoded7dataType服务器响应的数据类型字符串表示当填写为json时回调函数中无需再对数据反序列化为json8success请求成功后服务器回调的函数9error请求失败后服务器回调的函数10complete请求完成后调用的函数无论请求是成功还是失败都会调用该函数如果设置了success与error函数则该函数在它们之后被调用11async是否异步处理bool表示默认为true设置该值为false后JS不会向下执行而是原地等待服务器返回数据并完成相应的回调函数后再向下执行12username访问认证请求中携带的用户名字符串表示举例该方法用于执行Ajax请求常用于其他jQuery Ajax方法不能完成的请求也许我们可以把它称为jQuery中Ajax系列方法之母。//ajax
$.ajax({url: /greet,data: {name: name},type: Get,dataType: json,success: function(data) {// data jQuery.parseJSON(data); //dataType指明了返回数据为json类型故不需要再序列化}
});//提交from数据
$.ajax({type : POST,url : http://www.baidu.com,data : $(form).serialize(), //不带文件的form表单success : function(data){console.log(data);}
});//$.get方法
var params {username:ceshiname,password:123456};
$.get(/demo,params,function(obj){console.log(obj);
},json);$.ajax({type : GET,url : http://www.baidu.com,success : function(html){console.log(html);}
});//$.post方法
var params{username:ceshiname,password:123456};
$.post(/demo,params,function(obj){console.log(obj);
},json);$.ajax({type : POST,url : http://www.baidu.com,data : {query : javascript},contentType : application/x-www-form-urlencoded,success : function(data){console.log(data);}
});
