• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >AJAX > Ajax遍历jSon后对每一条数据进行相应的修改和删除(代码分享)

Ajax遍历jSon后对每一条数据进行相应的修改和删除(代码分享)

作者:爸爸去哪了2之熊猫三胞胎 字体:[增加 减小] 来源:互联网 时间:2017-05-11

爸爸去哪了2之熊猫三胞胎通过本文主要向大家介绍了Ajax遍历jSon后对每一条数据进行相应的修改和删除(代码分享)等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

废话不多说了,直接给大家贴代码了,具体代码如下所示:

$.ajax({
url: "/business/findpersons.json",
dataType: "json",
type:"GET",
success: function(doc) {
var objs=eval(doc);
for (var i = 0; i < objs.length; i++){
var personid=objs[i].personId;
var name=objs[i].personName;
var email=objs[i].personEmail;
var sector=objs[i].personSector;
var position=objs[i].personPosition;
var password=objs[i].personPassword;
$("#personList thead").append(
"<tr>"+ 
"<th>"+name+"</th>"+ 
"<th>"+password+"</th>"+
"<th>"+email+"</th>"+
"<th>"+position+"</th>"+
"<th><input type='button' value='删除' name="+i+" class='deletePersonBut'></th>"+
"<th><input type='button' value='修改' name="+i+" class='updataPersonBut'></th>"+
"</tr>" 
);
var getA = "#personList .deletePersonBut[name="+ i + "]";//就这里获取的原因,那个i=objs.length的原因,感觉应该就是闭包的问题。 
$(getA).click(function(){ 
var thid=$(this).parent();
var pid=thid.children(".deletePersonBut").attr('name');
alert(objs[pid].personId); 
});
var getA = "#personList .updataPersonBut[name="+ i + "]";//就这里获取的原因,那个i=objs.length的原因,感觉应该就是闭包的问题。 
$(getA).click(function(){ 
var thid=$(this).parent();
var pid=thid.children(".updataPersonBut").attr('name');
alert(objs[pid].personId); 
});
} 
}
});
</div>

以上所述是小编给大家介绍的Ajax遍历jSon后对每一条数据进行相应的修改和删除,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-11Ajax风格的一款网页Loading效果
  • 2017-05-11ajax请求之返回数据的顺序问题分析
  • 2017-05-11AJAX 支持搜索引擎问题分析
  • 2017-05-11细数Ajax请求中的async:false和async:true的差异
  • 2017-05-11MPBrowser简易图片浏览器 v1.0
  • 2017-10-30ajax 返回data "parsererror" 或者 response返回的是HTML代码
  • 2017-05-11Ajax解决缓存的5种方法总结(推荐)
  • 2017-05-11Ajax请求中的异步与同步,需要注意的地方说明
  • 2017-05-11ajax响应json字符串和json数组的实例(详解)
  • 2017-05-11AJAX 随记

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • Ajax基础教程之封装(三)
    • Boa服务器下的ajax与cgi通信
    • JQuery的ajax的用法在asp中使用$.ajax()实现
    • ajax中文乱码问题解决方案
    • Ajax跨域查询完美解决通过$.getJSON()实现
    • Ajax 无刷新在注册用户名时判断是否为空是否被使用
    • Ajax 入门之 GET 与 POST 的不同处详解
    • [js]轻便的XMLHttpRequest应用函数:downloadUrl()
    • 好用的AJAX类代码分享
    • MVC遇上bootstrap后的ajax表单验证

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有