當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

JSON数据格式以及与后台交互数据转换实例

發布時間：2023/12/20 javascript 30 豆豆

生活随笔收集整理的這篇文章主要介紹了 JSON数据格式以及与后台交互数据转换实例小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

/*作者：煙大陽仔時間：20131013介紹:主要了解一下json的格式，看看數據是怎么存儲的 */

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript"> /* ?class person ?{ ??Integer id; ??String name; ?} ?Person p=new Person(); */ ?//jason格式標識一個對象 ?var people={"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"}; ?//alert(people.firstName); ?//json標識多個人 ?var people2= ?[ ??{"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"}, ??{"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"}, ??{"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"} ?] ?//alert(people2[1].firstName); ?//別名： ?var people3={"person": ?[ ??{"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"}, ??{"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"}, ??{"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"} ?] ?} ?//alert(people3.person[1].firstName); ?var people3={ ?"person1": ??[ ???{"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"}, ???{"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"}, ???{"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"} ??], ?"person2": ??[ ???{"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"}, ???{"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"}, ???{"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"} ??], ?"person3": ??[ ???{"firstName":"wy","lastName":"hao","email":"1221@qq.com"}, ???{"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"}, ???{"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"} ??] ?} ?//alert(people3.person3[0].firstName); ? </script> </head> <body>

</body> </html>

------------------------------------------------------------------------------------------------------------- /*作者：煙大陽仔時間：20131013介紹:主要了學習一下json與后臺交互的時候數據的轉換 */

<!DOCTYPE html> <html> ? <head> ??? <title>json2.html</title> ? ??? <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> ??? <meta http-equiv="description" content="this is my page"> ??? <meta http-equiv="content-type" content="text/html; charset=UTF-8"> ??? ???  ?<script type="text/javascript"> ??function ajaxFunction() ?? { ?? var xmlHttp=null; ?? ?? try ????? { ???? // Firefox, Opera 8.0+, Safari ????? xmlHttp=new XMLHttpRequest(); ????? } ?? catch (e) ????? {

??? // Internet Explorer ???? try ??????? { ??????? xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); ??????? } ???? catch (e) ??????? {

??????? try ?????????? { ?????????? xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); ?????????? } ??????? catch (e) ?????????? { ?????????? alert("您的瀏覽器不支持AJAX！"); ?????????? return false; ?????????? } ??????? } ????? } ?? return xmlHttp; ?? } ??window.οnlοad=function() ??{ ???document.getElementById("sub").οnclick=function() ???{ ????var xmlReq=ajaxFunction(); ????xmlReq.onreadystatechange=function() ????{ ?????if(xmlReq.readyState==4) ?????{ ??????if(xmlReq.status==200||xmlReq.status==304) ??????{ ???????var data=xmlReq.responseText; ???????//{pid:1,pname:'山東省'} ???????//alert(data); ???????var dataObj=eval("("+data+")"); ???????//alert(dataObj); ???????//alert(dataObj.pname); ???????for(var i=0;i<dataObj.length;i++) ???????{ ????????alert(dataObj[i].id+"? "+dataObj[i].addre); ???????} ??????} ?????} ????} ????xmlReq.open("post","../jsonServlet?timeStamp="+new Date().getTime(),true); ????xmlReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); ????//alert("adsada"); ????/* ???? * 3.發送數據 ???? * */ ????xmlReq.send("b=0"); ???} ??} ?</script> ? </head> ? ? <body> ??? <input type="submit" value="提交" name="sub" id="sub"/> ??? <select id="province" name="province"> ??? ?<option value="">請選擇...</option> ??? </select> ? </body> </html>

package cn.com.Demo;

import java.io.IOException; import java.io.PrintWriter; import java.util.ArrayList; import java.util.List;

import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse;

import net.sf.json.JSONArray; import net.sf.json.JsonConfig;

import cn.com.bean.Province;

public class jsonServlet extends HttpServlet {

? ?public void doPost(HttpServletRequest request, HttpServletResponse response) ???throws ServletException, IOException { ??request.setCharacterEncoding("UTF-8"); ??response.setContentType("text/html; charset=utf-8"); ??PrintWriter out=response.getWriter(); ?? ??System.out.println("---------------Post-----------------------"); ??System.out.println(request.getParameter("b")); ??//out.write("你好！"); ??//一個省份的時候 ??//String str2="{pid:1,pname:'山東省'}"; ??//out.write(str2); ?? ?? ??//多個省份的時候 ?? ??//String str="[{pid:1,pname:'山東省'},{pid:2,pname:'四川'},{pid:3,pname:'北京'},{pid:4,pname:'上海'}]"; ??//out.write(str); ?? ??// ??List<Province> list=new ArrayList<Province>(); ??Province p1=new Province(1,"山東"); ??Province p2=new Province(2,"北京"); ??Province p3=new Province(3,"上海"); ?? ??list.add(p1); ??list.add(p2); ??list.add(p3); ?? ??JsonConfig config=new JsonConfig(); ??config.setExcludes(new String[]{"id"}); ??JSONArray jsonArray=JSONArray.fromObject(list,config); ??out.write(jsonArray.toString()); ??System.out.println(jsonArray.toString()); ?}

}

轉載于:https://www.cnblogs.com/suncoolcat/p/3367925.html

總結

以上是生活随笔為你收集整理的JSON数据格式以及与后台交互数据转换实例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：如何用计算机计算微积分,高数从此不用怕？
下一篇：给javascript初学者的24条最佳