• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    Ajax遍历jSon后对每一条数据进行相应的修改和删除(代码分享)

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

    $.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); 
    });
    } 
    }
    });

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

    您可能感兴趣的文章:
    • Ajax的jsonp方式跨域获取数据的简单实例
    • JQuery的ajax获取数据后的处理总结(html,xml,json)
    • 用ajax传递json到前台中文出现问号乱码问题的解决办法
    • Spring MVC 中 AJAX请求并返回JSON的示例
    • jQuery使用ajax方法解析返回的json数据功能示例
    • javascript解析ajax返回的xml和json格式数据实例详解
    • jQuery基于ajax操作json数据简单示例
    • 原生ajax处理json格式数据的实例代码
    • php+ajax+json 详解及实例代码
    • ajax与json 获取数据并在前台使用简单实例
    上一篇:AJAX工作原理及优缺点详解
    下一篇:Ajax的使用代码解析
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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