搜索熱詞

最近在做一個小小的功能模塊，前臺有很多的數(shù)據(jù)需要傳入到后臺，前臺頁面設(shè)計如下：

看起來不是很清楚，總之表單中的數(shù)據(jù)都要提交到后臺進行處理，然后插入到數(shù)據(jù)庫，而且是一起提交到后臺的，實現(xiàn)的方法大致有兩種：(在處理類似需求，如果大家有其他意見，可以一起來交流分享)

1)通過表單提交，當(dāng)然在后臺需要為每個字段定義一個集合對象，然后在頁面中使用name標(biāo)志，如果使用了strut2的話就更簡單了，在Action中定義的集合對象名稱和頁面標(biāo)簽的name字段標(biāo)簽一致，那么這些數(shù)據(jù)在后臺就都能夠取得到了，這里就不進行闡述了；

2)封裝JSON對象，然后通過Ajax方法提交到后臺，將每行記錄封裝為一個JSON對象，然后把這些JSON對象加入到一個數(shù)組當(dāng)中，核心代碼如下：

//封裝JSON數(shù)組對象 function getJSONObject(){ var dateArray=getArrayByName("plan_date"); var weekArray=getArrayByName("plan_week"); var jcTypeArray=getArrayByName("jcType"); var jcNumArray=getArrayByName("jcNum"); var xcxcArray=getArrayByName("xcxc"); var kilometreArray=getArrayByName("kilometre"); var kcAreaArray=getArrayByName("kcArea"); var commentsArray=getArrayByName("comments"); var startTime=$("#startTime").val(); var endTime=$("#endTime").val(); var plan_title=$("#plan_title").val(); var objArray=[]; var obj=null; var JSONObj=new Object(); JSONObj.start_time=startTime; JSONObj.end_time=endTime; if(plan_title==""){ plan_title=startTime+"至"+endTime+"檢修計劃"; } JSONObj.plan_title=plan_title; for(var i=0;i

實現(xiàn)的大致思路是將每列字段的數(shù)據(jù)都封裝到一個數(shù)組當(dāng)中，因為空字符串也是需要的""，所以根據(jù)下標(biāo)就可以取得相應(yīng)的值，然后把每行的值封裝為一個Object對象，給Object動態(tài)添加屬性和相應(yīng)的值，也就是所謂的key/value形式，在這里我得到的JSONObj數(shù)據(jù)的形式大致如下：

{"start_time":"2013-06-19",

"end_time":"2013-08-20",

"title":"2013-06-19至2013-08-20檢修計劃",

"jsonStr":[{"jcType":"SS3","jcNum":1234,"comments":"test1"....},

{"jcType":"DDD","jcNum":2365,"comments":"test2"....}....]

};

這樣封裝，是根據(jù)項目需求封裝的，使用ajax請求action，將數(shù)據(jù)發(fā)送過去：

$.ajax({ type:"POST",url:"planManage!savePlan.do",data:JSONObj,dataType:"text",success:function(data){ alert(data); } });

我們在后臺接收：

String startTime=request.getParameter("start_time"); String endTime=request.getParameter("end_time"); String planTitle=request.getParameter("plan_title"); String jsonStr=request.getParameter("jsonStr");

startTime、endTime、title都是可以接收到相應(yīng)的數(shù)據(jù)的，因為JSON封裝后的數(shù)據(jù)本來就是鍵值對的形式，當(dāng)我們接收jsonStr的時候，發(fā)現(xiàn)jsonStr顯示為null，表明我們不能通過AJax將數(shù)組對象數(shù)據(jù)傳遞到后臺去，因為它不支持，所以我們需要使用JSONObj.jsonStr=JSON.stringify(objArray);將這個數(shù)組對象轉(zhuǎn)換為字符串，然后傳遞到后臺就可以接收了，后臺接收后顯示的信息是多個對象的字符串信息：

{"jcType":"SS3",{"jcType":"DDD","comments":"test2"....}....

我們使用org.json包下相應(yīng)的類就可以解析我們的字符串JSON數(shù)據(jù)：

JSONArray jsonArray=new JSONArray(jsonStr); JSONObject jsonObject=null; MainPlanDetail mainPlanDetail=null; List list=new ArrayList(); for(int i=0;i

我的邏輯是解析后封裝為對象做相應(yīng)的邏輯處理，jsonObject.optString("planWeek"))與jsonObject.getString("planWeek"))的區(qū)別是optString中不存在該字段是返回"",而getString則會出現(xiàn)異常信息！這樣我們封裝的JSON對象或者JSON數(shù)組都能通過前臺AJax傳入到后臺了；

注意：在IE測試中，發(fā)現(xiàn)JSON.stringify不兼容IE6、7,就是說在IE6、7下使用會報錯：找不到JSON對象，在網(wǎng)上找了相關(guān)資料，我們需要引入一個包，json2.js，可以在我的博客中進行下載：http://download.csdn.net/detail/harderxin/6735339

拓展：

JSON.stringify(),將value(Object,Array,String,Number...)序列化為JSON字符串

JSON.parse(),　將JSON數(shù)據(jù)解析為js原生值

toJSON(),作為JSON.stringify中第二個參數(shù)(函數(shù)過濾器)補充

大家可以去嘗試一下！！

總結(jié)

如果覺得編程之家網(wǎng)站內(nèi)容還不錯，歡迎將編程之家網(wǎng)站推薦給程序員好友。

本圖文內(nèi)容來源于網(wǎng)友網(wǎng)絡(luò)收集整理提供，作為學(xué)習(xí)參考使用，版權(quán)屬于原作者。

如您喜歡尋找一群志同道合、互幫互助的學(xué)習(xí)伙伴，可以點擊下方鏈接加入：

編程之家官方1群

編程之家官方2群

編程之家官方3群

編程之家官方4群

總結(jié)

以上是生活随笔為你收集整理的ajax 传字符串到后台,JSON.stringify()将JSON对象转换为字符串通过Ajax传入到后台处理...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。