未知数据

简，是一种境界.
首页 新随笔 联系 聚合 管理
  8 Posts :: 0 Stories :: 2 Comments :: 0 Trackbacks
jquery+json+jsp实例

 

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);
%>

posted on 2008-04-15 17:50 未知数据 阅读(9202) 评论(2)  编辑  收藏 所属分类: json

评论

# re: jquery+json+jsp 2014-11-06 17:41 jjj
ggg  回复  更多评论
  

# re: jquery+json+jsp 2014-11-06 17:41 jjj
gg  回复  更多评论
  


只有注册用户登录后才能发表评论。
网站导航: