js怎样生成json的数据？
{
{name:'david',age:'20'},
{name:'peter',age'23'}
}
有点类似2维的数组，我是要将前台的数据发到后台处理，将每一条数据单独存放，就是上面的样子。或者生成2维的数组也可以，然后以 jquery 的 $.post() ,或者 $.get(),发送 展开
1、按照描述，题主是想将多条数据记录提交到服务端，同时服务端将数据插入到数据库。那么思路是将多条数据存在数组中，调用post方法的接口传入后端。
2、方法如下：
var sendData = [];
sendData.push({name:'david',age:'20'});
sendData.push({name:'peter',age:'23'});
3、传递数据给服务端，一般使用post方法调用接口，使用jquery，代码如下：
$.post("接口路径",sendData,function(result){
console.log(result,'发送结果');
});
扩展资料：
1、json与字符串互相转换：
JSON.parse('{"name":"karla"}')//将字符串转换为json
JSON.stringify({name:'karla'})//将json转化为字符串
2、jquery中post与get的区别：
1） $.get() 方法使用GET方法来进行异步请求的。$.post() 方法使用POST方法来 进行异步请求的。
2）get请求会将参数跟在URL后进行传递，而POST请求则是作为HTTP消息的实体 内容发送给Web服务器的，这种传递是对用户不可见的。
3） get方式传输的数据大小不能超过2KB 而POST要大的多。
4）GET 方式请求的数据会被浏览器缓存起来，因此有安全问题。
参考资料：百度百科-json
var row1 = {};
row1.name = 'david';
row1.age = '20';
或者：
var row2 = {name: 'peter', age: '23'};
var data = [];
data.push(row1);
data.push(row2);
此时data的json字符串为 [{name:'david',age:'20'},{name:'peter',age'23'}]
如果后台是PHP，将得到
/*
print_r($_GET);
Array(0=>array('name' => 'david'....
*/
扩展资料：
JS中生成和解析JSON
一、JS中生成JSON对象的方法：
var json = [];
var row1 = {};
row1.id= "1";
row1.name = "jyy";
或者var row2 = {id:'2',name:'abc'}
json.push(row1);
json.push(row2);
二、JS中将JSON对象解析为字符串的方法：
var jsonStr = JSON.stringify(json);
三、JS解析JSON对象或者字符串的方法：
var objs = eval(json);或者var objs = eval(jsonStr);
for(var j = 0;j<objs.length;j++){
alert(objs[j].id);
alert(objs[j].name);
}
四、页面中Json对象与Json字符串互转：
1、jQuery插件支持的转换方式：
$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象
2、浏览器支持的转换方式(Firefox，chrome，opera，safari，ie9，ie8)等浏览器：
JSON.parse(jsonstr); //可以将json字符串转换成json对象
JSON.stringify(jsonobj); //可以将json对象转换成json对符串
注：ie8(兼容模式),ie7和ie6没有JSON对象，推荐采用JSON官方的方式，引入json.js。
参考资料来源：JSON-百度百科
1：js下用eval生成JSON对象 ---通过eval() 函数可以将JSON字符串转化为对象。
2：使用函数方式
3：使用js的json库或者jQuery提供的js库 --- 如果基于安全的考虑的话，最好是使用一个 JSON 解析器。 一个 JSON 解析器将只接受 JSON 文本。所以是更安全的。
示例代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>字符串格式json如何转化成json对象</title>
<style type="text/css"></style>
<script type="text/javascript">
//方法1：js下用eval生成JSON对象
function strJsonToJsonByEval(jsonData){
var json = eval("(" + jsonData +")");//转换为json对象
return json;
}
//方法2：使用函数方式
function strJsonToJsonByFunction(jsonData){
return ( new Function("return "+jsonData) )();
}
window.onload = function() {
var jsonData = " {name1:'1',value1:'a',name2:'2',value2:'b' }";
var json1 = strJsonToJsonByFunction(jsonData);
alert("Function || " + json1.name1 + " --- " + json1.name2);
var json2 = eval("( {name1:'1',value1:'a',name2:'2',value2:'b' } )");
alert("eval(\"(\"jsonData\")\") || " + json2.value1 + " --- " + json2.value2);
var json3 = strJsonToJsonByEval(jsonData);
alert("Eval || " + json3.value1 + " --- " + json3.value2);
}
</script>
</head>
<body>
</body>
</html>
js生成json格式你可以手动的写，也可以百度个类库帮你转化。百度个JSON.js试试！
row1.name = 'david';
row1.age = '20';
//或者
var row2 = {name: 'peter', age: '23'};
var data = [];
data.push(row1);
data.push(row2);
//此时data的json字符串为 [{name:'david',age:'20'},{name:'peter',age'23'}]
//如果后台是PHP，将得到
/*
print_r($_GET);
Array(0=>array('name' => 'david'....
*/
但是建议采用如下的形式
var data = {records: []};
data.records.push(row1);
data.records.push(row2);
//此时data的json字符串为 {records:[{name:'david',age:'20'},{name:'peter',age'23'}]}
//如果后台是PHP，将得到
/*
print_r($_GET);
Array(
'records' => array(
0 => array(
'name' => 'david'
....
*/
$('#setauth').click(function(){
var Ul = $('#autform').find(':text');
var all = new Array();
for(var i=0;i<Ul.length;i++)
{
var key = Ul[i].getAttribute('name'));
var val = Ul[i].getAttribute('value');
var json = {};
json.key = val;
}
$.post(url,json,function(data){... });
})
key要怎样表示,打印的时候不是获取到的值,变成{key:'peter',key:'23'}了
$('#setauth').click(function(){
var Ul = $('#autform').find(':text');
var all = [];
for(var i=0;i<Ul.length;i++)
{
all.push({key: UI[i].name, val: Ul[i].value});
}
$.post(url,all,function(data){... });
})
试试
|
广告 您可能关注的内容 |
