关于jQuery封装 Ajax请求的一些知识
Posted guojiayuan
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于jQuery封装 Ajax请求的一些知识相关的知识,希望对你有一定的参考价值。
在jQuery中,已经给我们封装好了 ajax请求
我们不用去考虑,兼容 跨域 等问题。
只要在设定请求时,设定不同的参数,就可以完成不同的请求
jQuery中封装 ajax请求,有三种方法
1,get请求方式 $.get()
参数有四个参数,其中必填的参数是 url 地址,其他参数都是选填参数,可以没有
$.get({
url : 地址(必填)
data : 携带的参数 对象形式
dataType : 期望的数据类型,如果为json,会将后端返回的json串,自动解析
success : function(){} 请求成功时执行的函数
})
2,post请求方式 $.post()
和get 请求方式的参数完全相同,只改变了请求的方式
$.post({
url : 地址(必填)
data : 携带的参数 对象形式
dataType : 期望的数据类型,如果为json,会将后端返回的json串,自动解析
success : function(){} 请求成功时执行的函数
})
3,$.ajax() 综合方式 (常用)
$.ajax({
常用:
url : 地址;
type / method : 请求方式 默认值是get方式
data : { } 传参参数,必须是对象形式
dataType : json, 设定为json,会自动解析反应提中的json串
success : function(){} 请求成功执行的函数
不常用:
async : 设定是否异步,默认值是true,异步执行ajax请求
error : function(){} 请求错误时执行的函数
请求成功时不会执行
timeout : 设定时间,单位 毫秒
如果请求时间超过设定的时间,认为是请求失败
必须是异步执行
cache : 设定是否缓存请求结果
默认值是 true,缓存请求结果
必须是get方式,这个设定才起作用
post方式不会缓存,设定也没有效果
context : 指定 执行函数中 this的指向
})
以上是关于关于jQuery封装 Ajax请求的一些知识的主要内容,如果未能解决你的问题,请参考以下文章