前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >jQuery创建json对象

jQuery创建json对象

作者头像
凯哥Java
发布2022-12-16 18:03:55
发布2022-12-16 18:03:55
2.1K00
代码可运行
举报
文章被收录于专栏:凯哥Java凯哥Java
运行总次数:0
代码可运行

JSON创建json对象:

代码语言:javascript
代码运行次数:0
运行
复制
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>创建json对象方法一</title>
    </head>
    <body>
        <ul>
            <li>姓名:<span class="name"></span></li>
            <li>年龄:<span class="age"></span></li>
            <li>性别:<span class="sex"></span></li>
            <li>地址:<span class="address"></span></li>
        </ul>
    </body>
    <script src="js/jquery-2.1.0.js"></script>
    <script type="text/javascript">
        // 加载文档
        $(function(){
            // 创建json对象
            // 实例化一个对象
            var str=new Object();
            // 给对象添加元素方法一:
            str.name="小明";
            str.address="火星";
            // 给对象添加元素方法二:
            str["age"]=18;
            str["sex"]="男";
            
            // 传值给html,访问对象元素
            var main=
            '<li>姓名:<span class="name">'+str.name+'</span></li>'+
            '<li>年龄:<span class="age">'+str.age+'</span></li>'+
            '<li>性别:<span class="sex">'+str["sex"]+'</span></li>'+
            '<li>地址:<span class="address">'+str["address"]+'</span></li>';
            // 改变列表中的值
            $("ul").html(main);
        });
    </script>
</html>

创建json数组:

代码语言:javascript
代码运行次数:0
运行
复制
//产品清单
//产品数量长度
var cnbvLength = FieldCount9 + 1;
var arrayList=[];
for(var i = 0; i < cnbvLength; i++){
var item={};
item.productId=$("#ModelId_" + i).val();
item.finalNum=$("#pronum_" + i).val();
arrayList.push(item);
}
console.log(arrayList)
//js创建jsonArray传输至后台及后台解析

 
var params = {
name: Addname,
sdAntiexternalProductList: arrayList
};

$.ajax({
url: '../sdProject/addAntiexternal.do',
data: JSON.stringify(params),
type: 'POST',
contentType: "application/json",
dataType: 'json',
success: function (data) {

//响应成功,添加失败
if (data.ret == 0) {
alert(data.msg);
}
//响应成功,添加成功
else if (data.ret == 1) {
window.location.reload();
}
},
error: function () {
alert("添加失败,后台发生异常,请重试!");
}
});
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-03-04 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档