ajax发送请求到controller的代码
时间: 2024-05-30 22:16:31 浏览: 149
以下是一个使用jQuery的示例代码,可以将ajax请求发送到controller:
$.ajax({
url: "/controller/action",
type: "GET",
data: {
param1: "value1",
param2: "value2"
},
success: function(response) {
// 处理成功响应
},
error: function(xhr, status, error) {
// 处理错误响应
}
});
在这个例子中,ajax请求将被发送到名为"action"的controller的URL "/controller"。请求类型为GET,并且包含两个参数"param1"和"param2",它们的值分别为"value1"和"value2"。如果请求成功,将调用成功回调函数,并将响应作为参数传递。如果请求失败,将调用错误回调函数,并将响应状态、错误类型和错误信息作为参数传递。
相关问题
原生ajax发送请求到controller的代码
以下是一个原生Ajax发送请求到Controller的示例代码:
```javascript
function sendRequest() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
// 处理响应数据
console.log(xhr.responseText);
} else {
// 处理错误
console.error('请求出错了');
}
}
};
xhr.open('GET', '/controller/api');
xhr.send();
}
```
这段代码使用了`XMLHttpRequest`对象来发送GET请求到`/controller/api`地址,并在请求完成后处理响应数据。其中,`onreadystatechange`属性指定了响应状态改变时的回调函数,`readyState`属性表示当前请求状态,`status`属性表示响应状态码,`responseText`属性表示响应文本。在处理响应时,我们可以根据响应状态码和响应文本来进行相应的处理。
原生ajax发送POST请求到controller的代码
var xhr = new XMLHttpRequest();
xhr.open('POST', '/controller/url', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功后的处理
console.log(xhr.responseText);
} else {
// 请求失败后的处理
console.log(xhr.status);
}
};
var data = {
// POST请求的数据
};
xhr.send(JSON.stringify(data));
阅读全文