jquery ajax-ajax()

这篇博客详细介绍了jQuery的AJAX函数`ajax()`,包括其各种参数选项如`async`、`beforeSend`、`dataType`等,以及回调函数如`success`、`error`。同时,讨论了数据类型处理、发送数据到服务器的策略和高级选项,如禁用缓存、超时设置等。
摘要由CSDN通过智能技术生成

简单示例

$.ajax({
	url: '请求路径', //如:localhost:8080/demo/test
   	type: 'POST', //GET/post
    async: true, //或false,是否异步
    data: {}, //请求参数
    timeout: 5000, //超时时间
    dataType: 'json', //返回的数据格式:json/xml/html/script/jsonp/text
    beforeSend: function(xhr) {
         console.log(xhr)
         console.log('发送前')
    },
    success: function(data, textStatus, jqXHR) {
        //处理data
         console.log(data)
         console.log(textStatus)
         console.log(jqXHR)
   	},
	error: function(xhr, textStatus) {
		console.log('错误')
       	console.log(xhr)
		console.log(textStatus)
	},
	complete: function() {
		console.log('结束')
	}
});


参数

options

类型:Object
可选。AJAX 请求设置。所有选项都是可选的。

async

类型:Boolean
默认值: true。默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。
注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。

beforeSend(XHR)

类型:Function
发送请求前可修改 XMLHttpRequest 对象的函数,如添加自定义 HTTP 头。
XMLHttpRequest 对象是唯一的参数。
这是一个 Ajax 事件。如果返回 false 可以取消本次 ajax 请求。

cache

类型:Boolean
默认值: true,dataType 为 script 和 jsonp 时默认为 false。设置为 false 将不缓存此页面。
jQuery 1.2 新功能。

complete(XHR, TS)

类型:Function
请求完成后回调函数 (请求成功或失败之后均调用)。
参数: XMLHttpRequest 对象和一个描述请求类型的字符串。
这是一个 Ajax 事件。

contentType

类型:String
默认值: “application/x-www-form-urlencoded”。发送信息至服务器时内容编码类型。
默认值适合大多数情况。如果你明确地传递了一个 content-type 给 $.ajax() 那么它必定会发送给服务器(即使没有数据要发送)。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值