使用jQuery中ajax实例
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"></head><body><button onclick="do_ajax()">获取数据</button><p
·
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
</head>
<body>
<button onclick="do_ajax()">获取数据</button>
<p id="txt"></p>
</body>
<script src="jquery-1.5.1.js"></script>
<script>
function do_ajax(){
//请求地址
var url="http://localhost:8080/yszdServer/entry?method=test_jajax";
//请求参数
var data = "{a:'haha'}";
//
$.ajax({
//请求方式
type : "POST",
//请求的媒体类型
contentType: "application/json;charset=UTF-8",
//请求地址
url : url,
//数据,json字符串
data : data,
//请求成功
success : function(result) {
document.getElementById("txt").innerText=result;
},
//请求失败
error : function(e){
document.getElementById("txt").innerText=e.responseText;
}
});
}
</script>
</html>
将后台返回的完整Json格式数据输出到页面:(后台组装的数据是这样的 :{"res":"这是后台返回的数据:haha"})

欢迎点赞!
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐

所有评论(0)