1. 云栖社区>
  2. >
  3. 正文

js解析json数据并动态赋值到select列表

作者:用户 来源:互联网 时间:2016-01-16 10:24:41

javascriptjson数据对象格式括号

js解析json数据并动态赋值到select列表 - 摘要: 本文讲的是js解析json数据并动态赋值到select列表, jSON(JavaScriptObject Notation)一种简单的数据格式,比xml更轻巧。JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。 JSON的

jSON(JavaScriptObject Notation)一种简单的数据格式,比xml更轻巧。JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。

JSON的规则很简单:对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’对”之间使用“,”(逗号)分隔。

开发ecshop时候利用ecshop自身自带的一个ajax函数提交,其返回回来的是一个json对象,如:

{"error":0,"message":"","content":[{"id":"15","HDBM":"0000000024","HDMC":"20140420\u897f\u5b81\u7ad9","DQBM":"1001","didian":"\u897f\u5b81\u7ad9","shijian":"2014-04-20","jine":"50","status":"1"}]}


开始的时候我进行解析并没有成功一直返回object

接下来看看解析的示例。

var callback = function(res)
{
var json = res.content;
var array=json;
var sel = document.getElementById('activity_id');
if(json=='null'){
sel.options.length = 1;
}else{
sel.options.length = 0;
for(var i=0; i<array.length; i++)
{
sel.options.add(new Option(array[i].HDMC,array[i].HDBM));
}
}
}

到此完成Ecshop效果图,如:

 

js解析json数据并动态赋值到select<a href=列表-json给select赋值">

 

js解析json数据并动态赋值到select列表-jquery select 赋值

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索javascript , json , 数据 , 对象 , 格式 括号 json给select赋值、jquery select 赋值、jquery给select赋值、js select 赋值、select2 赋值,以便于您获取更多的相关知识。

弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率

40+云计算产品,6个月免费体验

稳定可靠、可弹性伸缩的在线数据库服务,全球最受欢迎的开源数据库之一

云服务器9.9元/月,大学必备