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效果图,如:

 

时间: 2024-07-30 16:50:59

javascript如何解析json对javascript如何解析json对象并动态赋值到select列表象并动态赋值到select列表的相关文章

WebGL 加载模型时,javascript 解析结果的调试转成 JSON 查看确认数组结构

WebGL 加载模型时,javascript 解析结果的调试转成 JSON 查看确认数组结构 太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. 这么长一个大标题,其实就一个主题,javascrip

Javascript中的Array(数组) 、{}(映射) 与JSON解析

做网页总会使用javascript,使用javascript总会使用JSON.最近用到一下,就写写. 下面是总结: 1.将javascript中的Array和{}转化为json字符串可以使用json2.js,源码地址https://github.com/douglascrockford/JSON-js. 2.将json字符串转为javascript对象,可以使用javascript自带的eval函数. 3.javascript中可以使用typeof查看变量的类型. 4.要访问json字段,必须是

JavaScript中Null与Undefined的区别解析

  这篇文章主要介绍了JavaScript中Null与Undefined的区别解析,本文给出了多个代码实例讲解它们之间的区别,需要的朋友可以参考下 在JavaScript中存在这样两种原始类型:Null与Undefined.这两种类型常常会使JavaScript的开发人员产生疑惑,在什么时候是Null,什么时候又是Undefined? Undefined类型只有一个值,即undefined.当声明的变量还未被初始化时,变量的默认值为undefined. Null类型也只有一个值,即null.nu

javascript-jsoup怎么解析HTML里JavaScript里的内容

问题描述 jsoup怎么解析HTML里JavaScript里的内容 下面是我遇到的HTML里的JavaScript函数,请问各位大神怎么解析: 解决方案 java-jsoup解析html页面的内容java-jsoup解析html页面的内容Jsoup解析本地html,对文本内容提取 解决方案二: jsoup 主要是解析例如HTML XML这种有严格格式规范的 JavaScript函数 你只能按自己的观察去一行一行读了 function 到 下一个function 之前是一个函数 类似这种方式

JavaScript中原型链存在的问题解析_javascript技巧

我们知道使用原型链实现继承是一个goodway:)看个原型链继承的例子. function A () { this.abc = 44; } A.prototype.getAbc = function (){ return this.abc; }; function B() { } B.prototype = new A(); // B通过A的实例完成了继承,形成了原型链(B的原型就是A的实例) var b = new B(); b.getAbc(); 关系如下:b(实例) ->B.prototy

[WebKit] JavaScriptCore解析--基础篇(四) 页面解析与JavaScript元素的执行

很多地方都已经介绍了JavaScript在浏览器是如何被执行的,这里介绍一下WebKit是如何实现的.主要涉及JS的async,defer及普通脚本的解析与执行过程的代码实现. 1. 概要说明 先概要说明一下浏览器如何执行JavaScript的. 首先浏览器的页面解析器(Document Parser)遇到<script>就会发起下载(脚本内容在页面内的就不用下载了).然后针对不同情况执行的方式有所不同:   . async (在script标签中启用了async属性)       这是异步执

求大神用通俗语言解析下这个javascript代码以及JS中原型的具体作用。

问题描述 求大神用通俗语言解析下这个javascript代码以及JS中原型的具体作用. window.onload=function () { var oTab=new TabSwitch('div1'); }; function TabSwitch(id) { var oDiv=document.getElementById(id); this.aBtn=oDiv.getElementsByTagName('input'); this.aDiv=oDiv.getElementsByTagNam

JavaScript实现跑马灯抽奖活动实例代码解析与优化(一)_javascript技巧

 最近做了个项目,其中有项目需求是要实现跑马灯抽奖效果,实现此功能主要用到js相关知识,废话不多说,感兴趣的朋友可以阅读下全文. 开始之前先来看上篇文章遗漏的两个问题和几个知识点,是自己重构的过程中需要用到的: 1.移动端1px像素线的问题 对于设计师给我的手机端网页的设计稿都是2倍图.按照道理来说,在写网页的时候,所有对象的实际尺寸都是会除2.但是对于1像素的线呢? 先来看两张图,设计稿的效果:   在三星 S4下的实际显示效果:   可以看到这个时候1px的线竟然显示不出来了.这个问题是跟

javascript高级选择器querySelector和querySelectorAll全面解析_基础知识

querySelector 和 querySelectorAll 方法是 W3C Selectors API 规范中定义的.他们的作用是根据 CSS 选择器规范,便捷定位文档中指定元素. 目前几乎主流浏览器均支持了他们.包括 IE8(含) 以上版本. Firefox. Chrome.Safari.Opera. querySelector 和 querySelectorAll 在规范中定义了如下接口: module dom { [Supplemental, NoInterfaceObject] i