如何在HTML页面获取ajax返回的json

Question

如题所述

Answer 1

给你一个大致的方案，具体想要实现的方法自己解决，不懂再问。
先要导入这两个包：
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/json.js"></script>
<input type="button" value="使用Json请求去后台获取数据返回是json对象" onClick="toJson();">
function toJson()
{
/*发出是json请求：返回的字符串是json对的字符串*/
$.getJSON("jsonViewServlet?falg=2",null,function call(data){jsonResponse(data);});
}

我这里java代码是用servlet实现：
if ("2".equals(flag)) {
JSONObject resultJSON = new JSONObject();
try {
resultJSON.put("sex", "男");
resultJSON.put("age", "22");
resultJSON.put("name", "张三");
System.out.println(resultJSON.toString()); /* {"sex":"男","name":"张三","age":"22"} */
} catch (Exception e) {
e.printStackTrace();
}
out.print(resultJSON.toString());
}
在web.xml里面怎么配置servlet就不需要我多说了吧？

Answer 2

$.ajax({
type : 'get',//请求方式
dataType : 'json',//设置返回数据的格式
url : '/product/findByIdl',//请求地址
data: 'productId=1',//请求参数
success : function(data) {
alert(data);
},
error:function(msg){
alert("失败");
}
});本回答被网友采纳