q61777582
2015-08-31 07:21
采纳率: 60%
浏览 1.9k
已采纳

ajax实现页面部分刷新,高分求助

效果如下:
图片说明
怎么实现复选框选中的数据不进行刷新,而剩下的在我点击抽取的时候重新获取。
页面代码如下:
图片说明
图片说明
图片说明
请写出代码,万分感谢,小弟对于ajax方面真心不会

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

7条回答 默认 最新

  • 有土逼 2015-08-31 07:48
    已采纳

    1.便利所有checkbox,获得未选中的。把value拼接成字符串,或json数组
    2.$.get()(字符串传值)或$.post()(json传值) ajax异步发送到后台,返回一个json。
    3.便利未选中的checkbox,parent()获得tr对象,把后台发送的json数据转化成

    对象,使用replaceWith()依次替换现在未选中的tr对象
    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • 微wx笑 2015-08-31 07:47

    jQuery 代码:

    
    $.ajax({
       type: "POST",
       url: "some.php",//重新获取数据的URL地址
       data: "name=John&location=Boston", //这里传递已经选中的IDs
       success: function(msg){
         alert( "Data Saved: " + msg );
            //这里处理显示重新获取到的数据
       }
    });
    
    评论
    解决 无用
    打赏 举报
  • 有土逼 2015-08-31 07:51

    3.便利未选中的checkbox,parent()获得tr对象,把后台发送的json数据转化成 tr 对象,使用replaceWith()依次替换现在未选中的tr对象

    评论
    解决 无用
    打赏 举报
  • 不明白你抽奖是要干嘛?返回没有勾选的input的id还是什么东东,描述不明白谁知道你要做什么

    评论
    解决 无用
    打赏 举报
  • 紫气天堂 2015-09-07 01:46

    ajax局部刷新 最好和 jquery联合使用,这样会简单 点

    评论
    解决 无用
    打赏 举报
  • 吉思达 2015-09-08 09:57

    ajax本身并不是很难,结合jquery去学习会简单的很多,和ajax有关的资料很多,尽可能理解ajax的实现原理,使用起来就更得心应手。

    评论
    解决 无用
    打赏 举报
  • 没有梦想-何必远方 2015-09-13 03:41

    解决吗?解决了的话我就不码字了。

    评论
    解决 无用
    打赏 举报