$.ajax() 带参数请求
时间: 2023-11-29 21:47:41 浏览: 31
以下是一个使用$.ajax()带参数请求的例子:
```javascript
$.ajax({
type: "POST",
url: "example.php",
data: { name: "John", location: "Boston" }
}).done(function( msg ) {
alert( "Data Saved: " + msg );
});
```
在这个例子中,我们向example.php发送了一个POST请求,并带有两个参数name和location。当请求成功后,会执行done()方法中的回调函数,并弹出一个提示框显示返回的数据。
相关问题
$.ajax请求参数
$.ajax()方法是jQuery中用于异步请求的核心方法,它的参数非常多,下面是一些常用的参数:
1. url:请求的地址。
2. type:请求的类型,例如GET、POST等。
3. data:发送到服务器的数据,可以是对象或字符串。
4. dataType:预期服务器返回的数据类型,例如json、xml、html等。
5. success:请求成功时的回调函数。
6. error:请求失败时的回调函数。
7. timeout:设置请求超时时间。
8. beforeSend:发送请求前的回调函数。
9. complete:请求完成后的回调函数。
下面是一个例子,演示如何使用$.ajax()方法发送一个GET请求:
```javascript
$.ajax({
url: 'example.com',
type: 'GET',
data: {name: 'John', age: 30},
dataType: 'json',
success: function(data) {
console.log(data);
},
error: function(xhr, status, error) {
console.log(error);
},
timeout: 5000,
beforeSend: function(xhr) {
xhr.setRequestHeader('Authorization', 'Bearer ' + token);
},
complete: function(xhr, status) {
console.log(status);
}
});
```
$.ajax 带参数
以下是使用$.ajax()函数带参数的示例:
```javascript
$.ajax({
url: "example.php", // 请求的URL地址
type: "POST", // 请求方式,可以是GET或POST
data: { name: "John", age: 30 }, // 发送到服务器的数据
dataType: "json", // 服务器返回的数据类型
success: function(response) { // 请求成功时的回调函数
console.log(response);
},
error: function(xhr, status, error) { // 请求失败时的回调函数
console.log(error);
}
});
```
在上面的示例中,我们使用$.ajax()函数发送一个POST请求到"example.php"的URL地址,并且发送了一个包含"name"和"age"两个参数的数据对象。服务器返回的数据类型被指定为JSON,请求成功时会调用success回调函数,请求失败时会调用error回调函数。