一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

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

时间:2015-01-16 编辑:简简单单 来源:一聚教程网

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 {
sel.options.add(new Option(array[i].HDMC,array[i].HDBM));
}
}
}

到此完成Ecshop效果图,如:

 

20140415110450

 

20140415110506

热门栏目