ajax请求

success

function (data, textStatus) {
// data 可能是 xmlDoc, jsonObj, html, text, 等等...
this; // 调用本次AJAX请求时传递的options参数
}

type

(默认: "GET") 请求方式 ("POST" 或 "GET")， 默认为 "GET"。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。

dataType

"xml": 返回 XML 文档，可用 jQuery 处理。

"html": 返回纯文本 HTML 信息；包含的script标签会在插入dom时执行。

"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。'''注意：'''在远程请求时(不在同一个域下)，所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)

"json": 返回 JSON 数据 。

"jsonp": JSONP 格式。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。

"text": 返回纯文本字符串

案例

<script src="js/jquery.min.js"></script>
<script>
$(function () {
$("#btn").click(function () {
$.ajax({
url:"user/testAjax",
contentType:"application/json;charset=utf-8",
type:"POST",
// data:"username=张三&password=123456&age=20",
data:'{"username":"张三","password":"123456","age":"10"}',
dataType:"json",
//成功后返回从数据库中获得的数据
success:function (data) {
alert(data);
alert(data.username);
alert(data.password);
alert(data.age);
}
});
});
});

</script>

post请求获得body

/**
* 模拟异步请求响应
*/
@RequestMapping("/testAjax")
public @ResponseBody User testAjax(@RequestBody User user){
System.out.println("testAjax方法执行了...");
// 客户端发送ajax的请求，传的是json字符串，后端把json字符串封装到user对象中
System.out.println(user);
// 做响应，模拟查询数据库
user.setUsername("haha");
user.setAge(40);
// 做响应
return user;
}

获得的数据

{"username":"张三","password":"123456","age":"10"}

• 点赞
• 收藏
• 分享
• 文章举报