标签:on() div 网页 不难 error 基于 col 参数 get
Ajax能够在无需加载整个页面的情况下,能够更新部分网页内容,可以减小服务器的资源浪费。
ajax大体上有四种实现方式,由于基于JS的实现方式太过于复杂,基本上用不到,所以就暂不贴出其实现代码了。
$.ajax的参数列表如下:
url:异步请求的路径。
type:请求方式,常见参数为post,get等等。
dataTpye:接收到的服务器响应数据的格式。
data:请求参数,一般以json方式发送。
success:function(data):响应成功后的回调函数,参数data通常情况下是服务器返回的json格式的数据。
error:function():请求响应出现错误的情况下,执行的回调函数。
$.ajax({
url:"/login.do" ,
type:"POST" ,
dataType:"text",
data:{"name":"zhangbo"},
success:function (data) {
alert(data);
},
error:function () {
alert("请求响应错误");
}
});
$.get(url, [data], [callback], [type])的参数列表如下:
url:异步请求的路径。
data:请求参数,一般以json方式发送。
callback:回调函数。
type:响应结果的类型。
$.get("/login.do",{username:"zhangbo"},function (data) {
alert(data);
},"text");
$.post(url, [data], [callback], [type])的参数列表如下:
url:异步请求的路径。
data:请求参数,一般以json方式发送。
callback:回调函数。
type:响应结果的类型。
$.post("/login.do",{username:"zhangbo"},function (data) {
alert(data);
},"text");
三种异步实现的方式都大同小异,使用ajax的关键就在于json格式数据的获取与响应,其他的并不难。
标签:on() div 网页 不难 error 基于 col 参数 get
原文地址:https://www.cnblogs.com/Code-Handling/p/11926476.html