jquery+json+jsp实例

最新推荐文章于 2023-11-28 18:33:38 发布

a771948524

最新推荐文章于 2023-11-28 18:33:38 发布

阅读量1.2k

点赞数

分类专栏： java

本文链接：https://blog.csdn.net/zxlstudio/article/details/17581053

版权

java 专栏收录该内容

101 篇文章 1 订阅

订阅专栏

DOWNLOAD _ JAR

1.jsp

<%@ page contentType="text/html;charset=GB2312" %>
<html>
<head>
<title></title>
 <SCRIPT src="/js/jquery.js" type="text/javascript"></SCRIPT>
 <SCRIPT src="/js/json.js" type="text/javascript"></SCRIPT>
 <script type="text/javascript">
 $(document).ready(function(){
  $("input:button").click(function(){
   $.get(
    "/json/2.jsp",
    {name: encodeURI("测试"),id: "111"},//使用encodeURI方法返回的字符都是utf-8的
    function(data){
     var html = "";
     var jsonContent = eval("("+data+")");//获取返回结果
     //alert("para1="+jsonContent.para1+"~para2="+jsonContent.para2);
     $.each(jsonContent.para1,function(item,data){
      html += "<li>"+data+"</li>";
     });
     $("#result1").html(html);
     $("#result2").html("<li>"+jsonContent.para2+"</li>");
     
    }
   );
  });
 });
 </script>
</head>
<body>
<input type="button" value="button">
<br/>
<div id="result1"></div>
<div id="result2"></div>
</body>
</html>

2.jsp
 
<%@ page contentType="text/html;charset=GB2312" %>
<%@ page import="org.json.*" %>
<%@ page import="java.net.*" %>
<%
 System.out.println(request.getRequestURI());
 String name = request.getParameter("name");
  System.out.println(URLDecoder.decode(name,"utf-8"));

 JSONObject jo = new JSONObject();
 jo.accumulate("para1","a1");//将数据封装到JSONObject
 jo.accumulate("para2","参数2");
 jo.accumulate("para3","a3"); 

 out.println(jo);
 System.out.println(jo);
%>