在JQuery中,使用AJAX的方法主要有以下几种:
- $.ajax():这是JQuery中最通用的AJAX请求方法。它需要一个包含各种参数的对象,其中包括请求的URL、请求方式、数据类型、请求参数等。请求成功后执行的回调函数也是通过参数来定义的。
例如:
javascript
$.ajax({
url: 'myfile.txt',
type: 'GET',
dataType: 'text',
success: function(data, state) {
$('#myDiv').text(data);
}
});
在jQuery中,$.ajax()函数有以下参数:
-
url
:这是请求的URL。它是必须的参数,可以是相对URL或绝对URL。 -
type
:这是请求的方式。它默认为GET,但也可以是POST、GET、PUT、DELETE等HTTP方法。 -
timeout
:这是请求的超时时间(以毫秒为单位)。如果此参数被设置,那么请求会在超时后停止,即使没有接收到响应。 -
async
:这个布尔参数表示请求是否异步。默认情况下,它是true,表示请求是异步的。如果设置为false,那么请求将会是同步的。 -
cache
:这个布尔参数表示是否从浏览器缓存中加载请求信息。默认为true,如果设置为false,则不会从缓存中加载。 -
data
:这是发送到服务器的数据。它可以是对象或字符串类型。 -
dataType
:这个参数表示预期的服务器响应的数据类型。可用的类型包括xml、json、script、html等。 -
success
:这是一个回调函数,当请求成功时会被调用。它接受服务器响应的数据作为参数。 -
error
:这是一个回调函数,当请求失败时会被调用。它接受一个包含错误信息的对象作为参数。 -
. g e t ( ) 和 .get()和 .get()和.post():这两个方法是在 . a j a x ( ) 的基础上,针对 G E T 和 P O S T 请求的简化版本。它们的参数和 .ajax()的基础上,针对GET和POST请求的简化版本。它们的参数和 .ajax()的基础上,针对GET和POST请求的简化版本。它们的参数和.ajax()类似,但是更简洁。
例如:
javascript
$.get('myfile.txt', function(data, state) {
$('#myDiv').text(data);
});
- $.load():这个方法是用来发送一个GET请求,然后将服务器返回的内容插入到指定的元素中。这个方法比较简单,但是需要指定一个已经存在的HTML元素。
例如:
javascript
$('#myDiv').load('myfile.txt');
ajax传递参数和回调
javascript
$(function () {
$.ajax({
type: 'post',
url: "http://test.com/record.json?paged=1&pageSize=100",
data: JSON.stringify(
{
group_id: 1935,
//sdata: sdata,
//sub_region: sub_region,
sensor_location: '1F',
//sensorStatusVal: sensorStatusVal,
propertyTypeVal: "空调",
}),
headers: {
"USER-KEY": "426aad8a150a4d85a8fa7221085edca3"
},
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (res) {
console.log(res);
},
error: function (err) {
console.log(err)
}
});
})
@漏刻有时