首页 > 代码库 > javascript如何解析json对javascript如何解析json对象并动态赋值到select列表象并动态赋值到select列表

javascript如何解析json对javascript如何解析json对象并动态赋值到select列表象并动态赋值到select列表

原文 javascript如何解析json对象并动态赋值到select列表

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

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

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

  1. {"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

接下来看看解析的示例。

  1. var callback = function(res)
  2. {
  3. var json = res.content;
  4. var array=json;
  5. var sel = document.getElementById(‘activity_id‘);
  6. if(json==‘null‘){
  7. sel.options.length = 1;
  8. }else{
  9. sel.options.length = 0;
  10. for(var i=0; i<array.length; i++)
  11. {
  12. sel.options.add(new Option(array[i].HDMC,array[i].HDBM));
  13. }
  14. }
  15. }

到此完成Ecshop效果图,如:

技术分享

 

技术分享

javascript如何解析json对javascript如何解析json对象并动态赋值到select列表象并动态赋值到select列表