`
Turbo12138
  • 浏览: 40748 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Jquery解析json数组字符串

 
阅读更多

最近在工作中用到了Jquery来解析json字符串,网上解析jquery解析json单个对象的实例不少,但是jquery解析json数组的实例却是不多,下面我举一个简单的例子来跟大家分享与一下,本人水平有限,还希望各位批评指教。

以下是写在JSON文件里的,有的rubymine没有,你只需建一个文件以.json就可以了

 

{
  "names": [
    "赵大",
    "钱二",
    "张三",
    "李四",
    "王五",
    "赵六"
  ]
}

 然后把这个引入到js中,代码如下:

 

 

function show_names() {

    $.getJSON("../JSON/customers.json", function (name) {
        name["names"].forEach(function (persons) {
            var customers_html = "<li class='apper'>" + "<a href='Order.html' class='css_button_style' onclick='accept_data(" + '"' + persons + '"' + ")'>" + "<b><p class='css_font_style'>" + persons + "</p>" + "</b>"
                + "</a>" + "</li>";
            $("body").append(customers_html)
        });
    })
}

 

$.getJSON("../JSON/customers.json", function (name) {
        name["names"]})//这是获取JSON文件数组的方法,应该不止这一种,读者可使用其他方法。
customers_html //这是要写在html中的,大家可以复习一下,之前有介绍过

 以上的代码就是要逐个显示名字

 效果显示

分享到:
评论

相关推荐

    Jquery解析json字符串及json数组的方法

    本文实例讲述了Jquery解析json字符串及json数组的方法。分享给大家供大家参考。具体如下: &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; [removed][removed] &lt;/head&gt; &lt;...

    ajax响应json字符串和json数组的实例(详解)

    最近上班太忙,晚上抽空整理一下ajax请求中,后台返回json字符串和json数组的场景,以及前台的处理示例。 直接看代码。 json字符串的后台响应 package com.ajax; import java.io.IOException; import java.io....

    JS简单循环遍历json数组的方法

    本文实例讲述了JS简单循环遍历json数组的方法。分享给大家供大家参考,具体如下: 例如数据库里面的json字符串是这样的 ...上面的是js的,下面的是jquery来解析json字符串, var cc = jQuery.parseJSON(data); ale

    js实现将json数组显示前台table中

    在最近的学习中遇到一个小问题,如何把JSON数组显示在前台的table中,经过一番借鉴和学习之后终于解决了这个问题。具体的代码如下: (前提:利用ajax获取过来的JSON字符串必须是规范的,这样才能解析正确。后台获取...

    jquery ajax 向后台传递数组参数示例

    需求: 在JS中向后台传递数组参数 分析: JS中的数组是弱类型的可以放任何类型... 但是可以使用JSON字符串来实现,在后台把JSON字符串解析成JAVA对象。 也许,你要说如果是复合对象怎么办,比如如下: 代码如下: public

    struts2 jquery json

    本人鄙视垃圾资源,也是工作需要,经过仔细研究后做了这个小例子。希望对大家有用。 应用struts2 jquery json简单小...怎么来回传递值的(包括字符串,对象,集合),解析json。 2,ajax提交,操作字符串,对象,数组。

    JS将网址url转化为JSON格式的方法

    主要利用split对获取的字符串不断进行分割,最后获得所需要的格式。 代码如下 &lt;!DOCTYPE html&gt; &lt;html lang=en&gt; &lt;head&gt; &lt;meta charset=UTF-8&gt; &lt;title&gt;将url转化为json数据&lt;/title&...

    22-ajax-源代码.rar

    案例2-站内查询。 一、Ajax概述 二、js原生的Ajax技术(了解) 三、Json数据格式(重要...注意:json的key是字符串 jaon的value是Object json的解析: json是js的原生内容,也就意味着js可以直接取出json对象中的数据

    json与jsonp知识小结(推荐)

    json 1. json 的值可以是下面这些类型: ① 数字(整数或浮点数),...JSONLint json:字符串校验工具 3. jQuery 实现ajax jQuery.ajax([settings]) type :类型 url :发送请求的地址 data :是一个对象,连同请求发送

    超实用的jQuery代码段

    11.19 如何构建最优化的字符串 11.20 使用jQuery产生GUID值 11.21 使用jQuery实现聚合函数 11.22 用jQuery打印网页的特定区域 11.23 禁止表单被提交 11.24 使用delay()延迟执行动画 11.25 在网页上运行本地程序的...

    vertical-cascading-menu:接受一个 JSON 输入并递归地创建一个相应的垂直级联菜单,具有潜在的无限深度

    垂直级联菜单(使用 JqueryUI) 该项目是 Jquery UI 菜单小部件的实现( ) 它接受一个 JSON 输入,并以...json - 解析为 json 对象的字符串。 (默认: ””) 例子:- var data = '{"name":"Root","children":[{"na

    js对ajax返回数组的处理介绍

    引言:ajax异步传输,可以传输字符串,但是数组这样的数据,就不太好传递了,这个时候怎么办呢? 答案是可以通过json来处理,后台将数据数据进行json编码! 然后客户端,通过js来进行解析。 这样问题就解决了!json...

    emoticons:解析文字表情并用图形替换它们

    这是一个基于纯字符串的解析器,与DOM或jquery没有依赖关系。 为了将表情符号代码插入到textarea或输入字段中,您可能需要使用 特征 复制表情文字和表情符号,可在Skype和其他系统之间互换 每个表情符号可以具有...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    字符串常用操作 字典的使用 三级菜单实例 本周作业-购物车优化 第3周 作业 上节内容回顾 集合及其运算 文件读与写详解 心灵鸡汤 文件修改详解 字符编码转换详解 函数与函数式编程 函数式编程之参数详解 局部变量与...

    einfochipsreact

    可以从功能块中访问这些公共功能/属性JSON对象始终为单例“数组”是唯一的数据结构显式值解析parseInt()/ parseFloat() toString()一切都是对象目的功能var声明日期{} aka JSON馆藏大批字符串,字符

    asp.net中mvc使用ajax提交参数的匹配问题解决探讨

    想到在asp.net的mvc中如果使用ajax向服务端传递参数时如果参数是一个类或者是个数组(或List集合)以及更复杂的对象时,服务端总是会发生取不到值的情况,当然网上也有很多解决的例子,但都是在服务端想办法来解决的...

    xheditor-1.1.14

    说明:这个函数执行时返回的值为上传程序返回的msg变量,可能为字符串或者数组,若为字符串则直接代表url,若是数组,则必需包含一个url的变量,其它可由可开发者自定义 备注:1.0.0 beta2新添加 plugins:自定义...

    python入门到高级全栈工程师培训 第3期 附课件代码

    08 Python 字符串的魔法 第11章 01 Python 字符串的魔法 02 Python range的用法以及练习 03 Python 课上练习解释 04 Python 基础知识练习题试题 第12章 01 今日内容介绍以及基础测试题答案讲解 02 Python 列表的...

    play框架手册

    返回一个JSON字符串 - 33 - 返回一个XML字符串F - 34 - 返回二进制内容 - 34 - 作为附件下载文件 - 34 - 执行一个模板 - 35 - 跳转到其他URL - 36 - Action链 - 36 - 定制web编码 - 37 - 拦截器 - 38 - @Before - 38...

Global site tag (gtag.js) - Google Analytics