您现在的位置是:首页 > Javascript
当前栏目
jQuery创建json对象
2023-02-18 16:31:11 时间
JSON创建json对象:
<!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数组:
//产品清单
//产品数量长度
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("添加失败,后台发生异常,请重试!");
}
});
相关文章
- 使用PlopJs让开发变得更高效
- 上手JavaScript基准测试
- 【NodeJs】启动本地服务遭遇端口占用怎么办⁉️
- 【Ajv】JSON Schema Validator
- Vuejs 设计与实现笔记(一)
- Java-Jsp是什么原理又是什么
- Java-Jsp的一些语法与指令
- js正则表达式转义字符-4. 正则表达式的使用
- js正则表达式转义字符-【JavaScript正则表达式RegExp】
- 【全网最全】springboot整合JSR303参数校验与全局异常处理
- 安装typescript环境并开启VSCode自动监视编译ts文件为js文件
- 正则表达式语法-JavaScript中的正则表达式详解
- js 数组去除重复数据-5 个提升你 JS 编码水平的实例
- js 数组去除重复数据-Vue.js开发移动端经验总结
- React.js基础知识总结一
- React.js简单轮播图组件封装
- React.js基础知识 函数组件和类组件(二)
- js for in for of 的区别
- js正则表达式基础知识
- parcel打包Vue.js零配置