欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS的Form表單轉(zhuǎn)JSON格式的操作代碼

 更新時(shí)間:2023年05月15日 15:08:32   作者:「已注銷」  
這篇文章主要介紹了JS的Form表單轉(zhuǎn)JSON格式的操作代碼,本文通過實(shí)例代碼給大家講解的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

一、serialize()方法

格式:var data = $("#formID").serialize();

功能:將表單內(nèi)容序列化成一個(gè)字符串。

注意:要使用params = decodeURIComponent(data ,true)進(jìn)行解碼,不然中文數(shù)據(jù)會(huì)亂碼。

數(shù)據(jù)示例:Name=小明&Age=22&Sex=男

后臺(tái):獲取字符串后,可以到后臺(tái)進(jìn)行處理數(shù)據(jù)。

代碼示例:

$.ajax({
       url: "ServletSelect?action=ins",
       type: "post",
       data: $("form").serialize(),
       dataType:"json",
       success: function (data) {
           alert(data.msg);
       }
    })

二、serializeArray()方法

格式:var strdata = $("#formID").serializeArray();

功能:將表單序列化成一個(gè)JSON結(jié)構(gòu)的對(duì)象。數(shù)組類型。

數(shù)據(jù)示例:(3)[{name:"Name",value:"小明"},{name:"Age",value:"22"},{name:"Sex",value:"男"}] 獲取數(shù)據(jù)為 data [0].name

通過JSON.stringify()方法,將json數(shù)據(jù)轉(zhuǎn)成string類型,供后臺(tái)接收。

轉(zhuǎn)換類型:var str=  JSON.stringify(strdata );//轉(zhuǎn)換成string數(shù)據(jù)

數(shù)據(jù)示例:”[{name:"Name",value:"小明"},{name:"Age",value:"22"},{name:"Sex",value:"男"}]”

代碼示例:

var arry = $("表單").serializeArray();
$.ajax({
    url: "/index/index",
    data: { jsondata: JSON.stringify(arry) },
    type:"post",
    success: function () {
        alert("success");
    }
})

三、$.param()方法

格式:$.param(personObj)

功能:可以把json格式數(shù)據(jù)序列化成字符串形式

代碼示例:

var obj={a:1,b:2}
var s=$.param(obj);

會(huì)形成a=1&b=2的形式

js 將json字符串轉(zhuǎn)換為json對(duì)象的方法解析

將json字符串轉(zhuǎn)換為json對(duì)象的方法。在數(shù)據(jù)傳輸過程中,json是以文本,即字符串的形式傳遞的,而JS操作的是JSON對(duì)象,所以,JSON對(duì)象和JSON字符串之間的相互轉(zhuǎn)換是關(guān)鍵.

例如:

JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }';
JSON對(duì)象:
var str2 = { "name": "cxh", "sex": "man" };

一、JSON字符串轉(zhuǎn)換為JSON對(duì)象

要使用上面的str1,必須使用下面的方法先轉(zhuǎn)化為JSON對(duì)象:

//由JSON字符串轉(zhuǎn)換為JSON對(duì)象

var obj = eval('(' + str + ')');

或者

var obj = str.parseJSON(); //由JSON字符串轉(zhuǎn)換為JSON對(duì)象

或者

var obj = JSON.parse(str); //由JSON字符串轉(zhuǎn)換為JSON對(duì)象

然后,就可以這樣讀?。?/p>

Alert(obj.name);

Alert(obj.sex);

特別注意:如果obj本來就是一個(gè)JSON對(duì)象,那么使用eval()函數(shù)轉(zhuǎn)換后(哪怕是多次轉(zhuǎn)換)還是JSON對(duì)象,但是使用parseJSON()函數(shù)處理后會(huì)有問題(拋出語法異常)。

二、可以使用toJSONString()或者全局方法JSON.stringify()將JSON對(duì)象轉(zhuǎn)化為JSON字符串。

例如:

var last=obj.toJSONString(); //將JSON對(duì)象轉(zhuǎn)化為JSON字符

或者

var last=JSON.stringify(obj); //將JSON對(duì)象轉(zhuǎn)化為JSON字符

alert(last);

注意:

上面的幾個(gè)方法中,除了eval()函數(shù)是js自帶的之外,其他的幾個(gè)方法都來自json.js包。新版本的 JSON 修改了 API,將 JSON.stringify() 和 JSON.parse() 兩個(gè)方法都注入到了 Javascript 的內(nèi)建對(duì)象里面,前者變成了 Object.toJSONString(),而后者變成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()方法,則說明您的json包版本太低。

到此這篇關(guān)于JS的Form表單轉(zhuǎn)JSON格式的文章就介紹到這了,更多相關(guān)js form表單轉(zhuǎn)json格式內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 使用JS實(shí)現(xiàn)簡單的圖片切換功能

    使用JS實(shí)現(xiàn)簡單的圖片切換功能

    這篇文章主要為大家詳細(xì)介紹了使用JS實(shí)現(xiàn)簡單的圖片切換功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • JavaScript函數(shù)返回值的具體使用

    JavaScript函數(shù)返回值的具體使用

    本文主要介紹了JavaScript函數(shù)返回值,包括基本返回值、多返回值、異步函數(shù)的返回值等,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2024-01-01
  • JS快速掌握ES6的class用法

    JS快速掌握ES6的class用法

    這篇文章主要介紹了JS快速掌握ES6的class用法,想了解ES6的同學(xué),一定要看一下
    2021-05-05
  • 微信小程序?qū)崿F(xiàn)watch監(jiān)聽

    微信小程序?qū)崿F(xiàn)watch監(jiān)聽

    這篇文章主要介紹了微信小程序?qū)崿F(xiàn)watch監(jiān)聽,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-06-06
  • 手把手教你寫一個(gè)uniapp通用頁面組件

    手把手教你寫一個(gè)uniapp通用頁面組件

    uniapp中每個(gè)頁面可以理解為一個(gè)單頁面組件,下面這篇文章主要給大家介紹了關(guān)于如何寫一個(gè)uniapp通用頁面組件的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-12-12
  • JavaScript實(shí)現(xiàn)打地鼠小游戲

    JavaScript實(shí)現(xiàn)打地鼠小游戲

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)打地鼠小游戲的相關(guān)代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-05-05
  • JS實(shí)現(xiàn)指定區(qū)域的全屏顯示功能示例

    JS實(shí)現(xiàn)指定區(qū)域的全屏顯示功能示例

    這篇文章主要介紹了JS實(shí)現(xiàn)指定區(qū)域的全屏顯示功能,涉及javascript事件響應(yīng)及頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2019-04-04
  • javascript 嵌套的函數(shù)(作用域鏈)

    javascript 嵌套的函數(shù)(作用域鏈)

    當(dāng)你進(jìn)行函數(shù)的嵌套時(shí),要注意實(shí)際上作用域鏈?zhǔn)前l(fā)生變化的,這點(diǎn)可能看起來不太直觀。你可把下面的代碼置入firebug監(jiān)視值的變化。
    2010-03-03
  • 文檔處理系列——隨時(shí)更新

    文檔處理系列——隨時(shí)更新

    文檔處理系列——隨時(shí)更新...
    2007-07-07
  • JS實(shí)現(xiàn)數(shù)字格式千分位相互轉(zhuǎn)換方法

    JS實(shí)現(xiàn)數(shù)字格式千分位相互轉(zhuǎn)換方法

    下面小編就為大家?guī)硪黄狫S實(shí)現(xiàn)數(shù)字格式千分位相互轉(zhuǎn)換方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-08-08

最新評(píng)論