jQuery中ajax请求的使用

12 篇文章 0 订阅
1、导入jquery(必须)
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
//当然也可以采用线上的jquery
2、ajax的使用步骤
$.ajax({
				type:"post",  // 规定请求的类型(get或 post)
				
				url:"http://localhost:8080/ssm/...", // 请求的url地址
				
				data:{"name":"zhao","age":"20"}, //规定要发送到服务器的数据
				
				cache:false, //表示浏览器是否缓存被请求页面,默认是 true。
				
				async:false, //表示请求是否异步处理,默认是 true。
				
				dataType:JSON //预期的服务器响应的数据类型 
				
				beforeSend:function(){ //发送请求前运行的函数(发送之前就会进入这个函数)
				},
				
				success:function (data) {  // 当请求成功时运行的函数
					alert("成功");
				},
				
				error:function (data) {   //请求失败的函数
					alert("失败");
				},
				
				complete:function(){ //请求完成时运行的函数(在请求成功或失败之后均调用,即在 success 和 error 函数之后,不管成功还是失败 都会进这个函数)
				}
			});
2、ajax中可能用到的参数
名称值/描述
url规定发送请求的 URL。默认是当前页面
type规定请求的类型(GET 或 POST)
data规定要发送到服务器的数据
dataType预期的服务器响应的数据类型
dataFilter(data,type)用于处理 XMLHttpRequest 原始响应数据的函数
async布尔值,表示请求是否异步处理。默认是 true
cache布尔值,表示浏览器是否缓存被请求页面。默认是 true
success(result,status,xhr)当请求成功时运行的函数
error(xhr,status,error)如果请求失败要运行的函数
complete(xhr,status)请求完成时运行的函数(在请求成功或失败之后均调用,即在 success 和 error 函数之后)
context为所有 AJAX 相关的回调函数规定 “this” 值
contentType发送数据到服务器时所使用的内容类型。默认是:”application/x-www-form-urlencoded”。
scriptCharset规定请求的字符集
processData布尔值,规定通过请求发送的数据是否转换为查询字符串。默认是 true
password规定在 HTTP 访问认证请求中使用的密码
jsonp在一个 jsonp 中重写回调函数的字符串
jsonpCallback在一个 jsonp 中规定回调函数的名称
traditional布尔值,规定是否使用参数序列化的传统样式
timeout设置本地的请求超时时间(以毫秒计)
xhr用于创建 XMLHttpRequest 对象的函数
username规定在 HTTP 访问认证请求中使用的用户名
beforeSend(xhr)发送请求前运行的函数
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值