在前台引用JSON对象
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/json2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
testRequestBody();
});
function testRequestBody(){
$.ajax("${pageContext.request.contextPath}/hello",// 发送请求的URL字符串。
{
dataType : "json", // 预期服务器返回的数据类型。如果服务器返回不一致，报 parseError
type : "post", // 请求方式 POST或GET
// contentType:"application/json", // 发送信息至服务器时的内容编码类型
contentType:"text/plain", // 发送信息至服务器时的内容编码类型
// 发送到服务器的数据。
data:JSON.stringify({ price:12399,name : "Spring MVC企业应用实战"}),
//JSON.parse(jsonString);只有引用了 json2.js（这是一个开源文件，网上可以下载），才能使用JSON 对象
// data:"Spring MVC企业应用实战",
async: true , // 默认设置下，所有请求均为异步请求。如果设置为false，则发送同步请求
// 请求成功后的回调函数。
success :function(data){
console.log(data);
$("#id").html(data.description);
$("#name").html(data.name);
$("#author").html(data.price);
},
// 请求出错时调用的函数
error:function(xhr,err,errObj){
console.log(err);
console.log(errObj);
alert("数据发送失败");
}
});
}
</script>
最新文章
- [No00009A]JsonToObject json与类互转
- Html5+Css3制作下拉菜单的三种方式
- spring功能总结
- iOS学习笔记——多控制器管理
- 0 bug 读后感
- C#利用SMTP服务器发送邮件
- autohotkey-【GUI】Switch between Windows of the Same Application
- Perl内置变量速查表
- Wiggle Sort 解答
- [ An Ac a Day ^_^ ][kuangbin带你飞]专题六 最小生成树 POJ 2031 Building a Space Station
- python 爬照片 模拟浏览器 先登录账号
- JAVA包名、类名、变量名命名规则
- 今天遇到了一个Spring出现的一个未知错误，分享下
- Android学习笔记：对Android应用进行单元测试
- Windows7下安装pyspark
- Ubuntu 16.04 卸载Postgresql
- JS中for in 与 for of
- React 入门学习笔记整理（六）—— 组件通信
- Minimum Size Subarray Sum LT209
- MySQLCouldn't find MySQL manager