未知數據

簡，是一種境界.

首頁

新隨筆

聯系

聚合

管理

8 Posts :: 0 Stories :: 2 Comments :: 0 Trackbacks

留言簿(1)

隨筆分類(8)

隨筆檔案(8)

搜索

閱讀排行榜

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 未知數據閱讀(9216) 評論(2) 編輯收藏所屬分類: json


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理

未知數據

留言簿(1)

隨筆分類(8)

隨筆檔案(8)

搜索

最新評論

閱讀排行榜

評論