在前台引用JSON对象

*爱你&永不变心* 提交于 2020-03-15 17:32:42

<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>

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!