js怎样生成json的数据? js里怎么把对象转化为json数据
js \u600e\u6837\u751f\u6210json\u6570\u636e\u5b57\u7b26\u4e32\u5b57\u7b26\u4e32\u683c\u5f0fjson\u8f6c\u5316\u6210json\u5bf9\u8c61\u67093\u79cd\u65b9\u5f0f\uff1a
1\uff1ajs\u4e0b\u7528eval\u751f\u6210JSON\u5bf9\u8c61 ---\u901a\u8fc7eval() \u51fd\u6570\u53ef\u4ee5\u5c06JSON\u5b57\u7b26\u4e32\u8f6c\u5316\u4e3a\u5bf9\u8c61\u3002
2\uff1a\u4f7f\u7528\u51fd\u6570\u65b9\u5f0f
3\uff1a\u4f7f\u7528js\u7684json\u5e93\u6216\u8005jQuery\u63d0\u4f9b\u7684js\u5e93 --- \u5982\u679c\u57fa\u4e8e\u5b89\u5168\u7684\u8003\u8651\u7684\u8bdd\uff0c\u6700\u597d\u662f\u4f7f\u7528\u4e00\u4e2a JSON \u89e3\u6790\u5668\u3002 \u4e00\u4e2a JSON \u89e3\u6790\u5668\u5c06\u53ea\u63a5\u53d7 JSON \u6587\u672c\u3002\u6240\u4ee5\u662f\u66f4\u5b89\u5168\u7684\u3002
\u793a\u4f8b\u4ee3\u7801\u5982\u4e0b\uff1a
\u5b57\u7b26\u4e32\u683c\u5f0fjson\u5982\u4f55\u8f6c\u5316\u6210json\u5bf9\u8c61
//\u65b9\u6cd51\uff1ajs\u4e0b\u7528eval\u751f\u6210JSON\u5bf9\u8c61
function strJsonToJsonByEval(jsonData){
var json = eval("(" + jsonData +")");//\u8f6c\u6362\u4e3ajson\u5bf9\u8c61
return json;
js\u5bf9\u8c61\u8f6cjson\u6570\u636e: JOSN.stringify();
json\u6570\u636e\u8f6cjs\u5bf9\u8c61: JSON.parse();
var obj = { a : 'A', b : 'B', c : 'C' }; var json = JSON.stringify(obj); console.log(json); console.log(typeof json); console.log('--------------------------'); var obj2 = JSON.parse(json); console.log(obj2); console.log(typeof obj2);
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-百度百科
字符串格式json转化成json对象有3种方式:
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>
json格式是:var json=[{"name":“wang”,"age":"20"},{"name":"zhang","age":"21"},{"name":"zhao","age":"23"}];其中每一个大括号中都是一个键值对。另外大括号中还可以写大括号,格式都是键值对的格式。
js生成json格式你可以手动的写,也可以百度个类库帮你转化。百度个JSON.js试试!
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'....
*/
但是建议采用如下的形式
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'
....
*/
绛旓細1銆佹寜鐓ф弿杩帮紝棰樹富鏄兂灏嗗鏉鏁版嵁璁板綍鎻愪氦鍒版湇鍔$锛屽悓鏃舵湇鍔$灏嗘暟鎹彃鍏ュ埌鏁版嵁搴撱傞偅涔堟濊矾鏄皢澶氭潯鏁版嵁瀛樺湪鏁扮粍涓紝璋冪敤post鏂规硶鐨勬帴鍙d紶鍏ュ悗绔2銆佹柟娉曞涓嬶細var sendData = [];sendData.push({name:'david',age:'20'});sendData.push({name:'peter',age:'23'});3銆佷紶閫掓暟鎹粰鏈嶅姟绔紝涓...
绛旓細1. js鏁扮粍濡備綍娣诲姞json鏁版嵁 鍦↗avaScript涓紝鍙互浣跨敤push()鏂规硶鍚戞暟缁勪腑娣诲姞JSON鏁版嵁銆備緥濡傦細```let arr = [];arr.push({name: "Tom", age: 20});arr.push({name: "Jerry", age: 22});console.log(arr);```杈撳嚭缁撴灉涓猴細```[{"name":"Tom","age":20},{"name":"Jerry","age"...
绛旓細1锛js涓嬬敤eval鐢熸垚JSON瀵硅薄 ---閫氳繃eval() 鍑芥暟鍙互灏咼SON瀛楃涓茶浆鍖栦负瀵硅薄銆2锛氫娇鐢ㄥ嚱鏁版柟寮 3锛氫娇鐢╦s鐨刯son搴撴垨鑰卝Query鎻愪緵鐨刯s搴 --- 濡傛灉鍩轰簬瀹夊叏鐨勮冭檻鐨勮瘽锛屾渶濂芥槸浣跨敤涓涓 JSON 瑙f瀽鍣ㄣ 涓涓 JSON 瑙f瀽鍣ㄥ皢鍙帴鍙 JSON 鏂囨湰銆傛墍浠ユ槸鏇村畨鍏ㄧ殑銆傜ず渚嬩唬鐮佸涓嬶細<!DOCTYPE HTML PUBLIC ...
绛旓細1銆佹柊寤轰竴涓狧TML椤甸潰锛屽懡鍚嶄负test.html銆2銆佺紪鍐橨S浠g爜锛屽皢涓婇潰鐨JSON鏁版嵁瀛樺偍浜嶫S鍙橀噺JSONObject涓紝鏂逛究鍚庨潰閫氳繃璇ュ彉閲忓彇鍑篔SON鍊笺3銆佺紪鍐橦TML浠g爜锛屽畾涔夊洓涓猻pan鏍囩锛岀敤浜庡悗闈㈠皢璇诲彇鐨凧SON鏁版嵁鏀惧叆鍏朵腑鏄剧ず鍑烘潵銆4銆佷负浜嗘柟渚垮皢JSON鍊煎湪span鏍囩鍐呮樉绀猴紝姣忎釜span鏍囩娣诲姞id灞炴э紝骞惰缃笓鏈夌殑id鍊笺5銆...
绛旓細1銆侀鍏堝墠绔竴鑸槸浠ュ璞$殑褰㈠紡瀛樻暟鎹紝鐜板湪浠ュ璞$殑褰㈠紡璇鎬庝箞瀛樸傚厛澹版槑涓涓嬮渶瑕佸瓨鐨勫璞°2銆佹帴鐫瀛樿繖涓璞鐨勬暟鎹锛JSON.stringify鏄妸鏁版嵁杞崲鎴瀛楃涓茬殑褰㈠紡銆3銆佺劧鍚庡彇瀵硅薄鏁版嵁锛孞SON.parse鏄妸瀛楃涓叉暟鎹浆鎹负 JavaScript 瀵硅薄銆4銆佹渶鍚庡鏋滄兂瑕佸垹闄ocalStorage涓殑鏌愪釜瀵硅薄鏁版嵁锛屽彲浠ュ涓嬪浘杩欐牱...
绛旓細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'}]//濡傛灉鍚庡彴鏄疨HP锛屽皢寰楀埌 / print_r($_GET);Array(0=>array('name' =>...
绛旓細// 鍒犻櫎灞炴 sexcreateJson("sex"); // 杈撳嚭 Object {name="banana", color="red"}console.log(str1);鍑芥暟搴旇鏈変笁涓弬鏁扮殑锛岀涓涓负 json 瀵硅薄锛屼絾搴斾綘瑕佹眰锛屽彧鍐欎簡涓や釜锛屾墍浠ュ嚱鏁板彧鑳界敤浜庝慨鏀 str1銆
绛旓細json鏁版嵁杞琷s瀵硅薄: JSON.parse(); var obj = { a : 'A', b : 'B', c : 'C' }; var json = JSON.stringify(obj); console.log(json); console.log(typeof json); console.log('---'); var obj2 = JSON.parse(json); console.log(obj2)...
绛旓細浣跨敤node.js鐢熸垚json鏁版嵁浠g爜濡備笅锛歷ar http = require('http');var data = {key: 'value', hello: 'world'};var srv = http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'application/json'}); res.end(JSON.stringify(data));});srv.listen(8080, ...
绛旓細1js涓嬬敤eval鐢熸垚JSON瀵硅薄 閫氳繃eval 鍑芥暟鍙互灏咼SON瀛楃涓茶浆鍖栦负瀵硅薄 2浣跨敤鍑芥暟鏂瑰紡 3浣跨敤js鐨刯son搴撴垨鑰卝Query鎻愪緵鐨刯s搴 濡傛灉鍩轰簬瀹夊叏鐨勮冭檻鐨勮瘽锛屾渶濂芥槸浣跨敤涓涓 JSON 瑙f瀽鍣ㄣ傚湪鍐欏睘鎬ame鍜宼itle鏃朵細鐩存帴鍐欏埌Json鐨鏂囨湰鍐咃紝鎴戜滑鍐嶉氳繃json鍙栨暟鎹枃鏈 渚垮彲浠ヨ幏鍙栧啓鍏鐨勬暟鎹鍏ㄤ綋鏂囨湰锛屾垜浠笅娆¤鐢ㄧ殑...