ajax动态加载json数据并解析
发布时间:2020-12-16 01:29:08 所属栏目:百科 来源:网络整理
导读:效果图 jsp代码 form 姓名:input name= "name" type = "text" / 年龄:input name= "age" type = "text" / input type = "button" class = "get" value = "get提交" / input type = "button" class = "post" value = "post提交" / input type = "button" cl
效果图jsp代码<form >
姓名:<input name="name" type="text"/>
年龄:<input name="age" type="text"/>
<input type="button" class="get" value="get提交"/>
<input type="button" class="post" value="post提交"/>
<input type="button" class="ajax" value="ajax提交"/>
</form>
<div id="box"></div>
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,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,age);
PrintWriter out = response.getWriter();
JSONObject jsonObj = JSONObject.fromObject(user);
out.print(jsonObj);
out.flush();
out.close();
}
JS核心代码<script type="text/javascript"> //get $(document).ready(function() { $('form .get').click(function() { $.get('ajaxServlet',function(response,status,xhr){ var dataObj = eval("(" + response + ")"); $("#box").html(response); alert(dataObj.name); }); }); //post $('form .post').click(function() { $.post('ajaxServlet',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,xhr){ $("#box").html(response);} }); }); }); </script>
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |