ajax动态加载json数据并详细解析（ajax动态请求）速看

🌐 经济型：买域名、轻量云服务器、用途：游戏网站等《腾讯云》特点：特价机便宜适合初学者用点我优惠购买

🚀 拓展型：买域名、轻量云服务器、用途：游戏网站等《阿里云》特点：中档服务器便宜域名备案事多点我优惠购买

🛡️ 稳定型：买域名、轻量云服务器、用途：游戏网站等《西部数码》特点：比上两家略贵但是稳定性超好事也少点我优惠购买

效果图

jsp代码

servlet代码

//get
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {

response.setContentType(“text/html”);
response.setCharacterEncoding(“utf-8”);
response.setContentType(“text/html;charset=utf-8”);
String name=request.getParameter(“name”);
String age=request.getParameter(“age”);
if (name==null || name==””) {
name=”测试名字admin”;
}

if (age==null || age==””) {
age=”测试年龄100″;
}
user user=new user(1, name, age);
PrintWriter out=response.getWriter();

JSONObject jsonObj=JSONObject.fromObject(user);

out.print(jsonObj);

out.flush();
out.close();
}

//post
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {

// response.setContentType(“text/html”);

request.setCharacterEncoding(“utf-8”);
response.setCharacterEncoding(“utf-8”);
response.setContentType(“text/html;charset=utf-8”);
String name=request.getParameter(“name”);
if (name==null || name==””) {
name=”测试名字admin”;
}
String age=request.getParameter(“age”);
if (age==null || age==””) {
age=”测试年龄100″;
}
user user=new user(1, name, age);
PrintWriter out=response.getWriter();

JSONObject jsonObj=JSONObject.fromObject(user);

out.print(jsonObj);

out.flush();
out.close();
}

JS核心代码

});

});
//post
$(‘form .post’).click(function() {
$.post(‘ajaxServlet’,function(response,status,xhr){
var dataObj=eval(“(” + response + “)”);
$(“#box”).html(response);

});

});
//ajax
$(‘form .ajax’).click(function() {
alert($(“[name=’name’]”).val());
$.ajax({
type:’get’,
url:’ajaxServlet’,
data:{
name:$(“[name=’name’]”).val(),
age:$(“[name=’age’]”).val()
},
success:function(response, status, xhr){
$(“#box”).html(response);}
});

});

</script>

以上这篇ajax动态加载json数据并详细解析就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:jQuery Ajax异步处理Json数据详解jQuery使用ajax方法解析返回的json数据功能示例AJAX和jQuery动态加载数据的实现方法浅析ajax请求json数据并用js解析(示例分析)