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

我想请问下,如何在HTML页面获取ajax返回的json
最新回答
给十年后的我

2024-10-23 03:42:23

给你一个大致的方案,具体想要实现的方法自己解决,不懂再问。
先要导入这两个包:
<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就不需要我多说了吧?
软喵酱メ

2024-10-23 06:00:01

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