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

Posted 2023-04-26

给你一个大致的方案，具体想要实现的方法自己解决，不懂再问。
先要导入这两个包：
<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就不需要我多说了吧？ 参考技术A $.ajax(
type : 'get',//请求方式
dataType : 'json',//设置返回数据的格式
url : '/product/findByIdl',//请求地址
data: 'productId=1',//请求参数
success : function(data)
alert(data);
,
error:function(msg)
alert("失败");

);

ajax后台返回的数据如何在HTML上成列表显示，下面的翻页功能怎么来做

参考技术A 问这样的问题说明你前端技术不好，读出来的数据要有count总条数，根据每页显示几行生成下面的页码，点第几页就加载第几页的数据。分页控件很难写，可以借助一些框架，或者网上找，如果上网查解决不了，说明你功夫不到家，分页代码涉及到前端后台，以及其它分页控件的技术难点，对于初学者确实难以理解，把基础学好，最好找个人带你。本回答被提问者和网友采纳