Jquery解析json数组字符串

本文分享了如何使用JQuery解析包含名字数组的JSON文件,并通过遍历将每个名字动态生成HTML元素展示出来。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近在工作中用到了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中的,大家可以复习一下,之前有介绍过

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

 效果显示

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值