Jquery解析json数组字符串

xiuping0 2015-12-28

最近在工作中用到了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数组字符串

相关推荐

Web全栈笔记 / 0评论 2020-06-15