jquery定义json对象?

发布网友 发布时间：2024-09-26 15:00

我来回答

共1个回答

热心网友 时间：2024-09-27 19:58

jqueryform序列化成json对象

通过$("#form").serialize()可以获取到序列化的表单值字符串。

通过$("#form").serializeArray()输出以数组形式序列化表单值。

统统不满足想得到Json的愿望。堆栈溢出后，找到了一个这样的方法

然后通过JSON.stringify($("#form").serializeObject());就可以得到Json内容

tableid="myTable"

thead

tr

th代号/th

th城市/th

th附加数字/th

/tr

/thead

tbody/tbody

/table

script

vardata=[{name:'6101',value:'北京市',age:'11'},{name:'6102',value:'天津市',age:'11'},{name:'6103',value:'上海市',age:'22'}];

functiongetRow(row){

vartr=$('tr/tr');

for(variinrow){

tr.append('td'+row[i]+'/td');

}

returntr;

}

vartbody=$('tbody/tbody');

for(vari=0;idata.lenght;i++)

tbody.append(getRow(data[i]);

$('#myTabletbody').replaceWith(tbody);

/script

这个是比较标准，也更易读的代码，希望能帮到你。

jquery怎样把表单中的值转换成json对象

jquery提供了serializeArray()方法将form表单数据转换为json数据格式

以下代码可以直接粘贴运行：

!DOCTYPE?html

html

head

meta?charset="utf-8"

meta?http-equiv="X-UA-Compatible"?content="IE=edge"

title/title

script?src=""/script

link?rel="stylesheet"?href=""

/head

body

form?action="demon_submit"?method="get"

ul

liinput?type="text"??name="name"//li

liinput?type="text"??name="pwd"//li

liinput?type="button"?value="提交"?id="J_btn"//li

/ul

/form

/body

script

(function(){

$('#J_btn').on('click',?function(){

var?data?=?$('form').serializeArray();

console.log(data);

});

})();

/script

/html

这个和jQuery无关的。。?现在，基本上浏览器支持?JSON操作了。

var?jsonstr?=?'{a:1,?b:2}';

var?jsonobj?=?JSON.parse(jsonstr);?//?得到对象?{a:1,?b:2}?

var?jsonstr1?=?JSON.stringify(jsonobj);?//?得到字符串'{a:1,?b:2}'

如果你担心浏览器不支持，可以使用json2.js，这是对json的支持库

1、先定义一个json变量。

2、然后定义这个变量的值，其实一个json对象就是一个obj对象。

3、要添加json对象的元素，直接使用数组下标方式，添加键和值就行了。

4、要为json对象添加对象，我们可以先创建一个对象。

5、然后也是使用数组下标方式，为其赋值为新的对象变量就行了。

6、在浏览器里，我们就可以看到这个json对象了，而且新加的元素和对象都已经在里面了。