rails update table using ajax
2015-07-09 16:34
417 查看
function ajax_form(form_obj){ form_obj.submit(function(event) { // HTMLでの送信をキャンセル event.preventDefault(); // 操作対象のフォーム要素を取得 var $form = $(this); // 送信ボタンを取得 var $button = $form.find('button'); // 送信 $.ajax({ url: $form.attr('action'), type: $form.attr('method'), data: $form.serialize(), timeout: 10000, // 単位はミリ秒 // 送信前 beforeSend: function(xhr, settings) { // ボタンを無効化し、二重送信を防止 $button.attr('disabled', true); }, // 応答後 complete: function(xhr, textStatus) { // ボタンを有効化し、再送信を許可 $button.attr('disabled', false); }, success: function(data, text_status){ $(".article_table_contents").html(data); $(".article_table_contents [type=checkbox]").prop("checked",true); } }); }); }
想在页面不刷新的情况下刷新table,所以我把页面分为index 和 partial
然后用上面的js代码ajax触发form的submit, 请求完成后只render partial
render(:partial => "vm_results/table")
success后 再把接受到的更新后的table的html塞回 table内
$(".article_table_contents").html(data);
不知还有其他做法么
相关文章推荐
- COPY, RETAIN, ASSIGN , READONLY , READWRITE,STRONG,WEAK,NONATOMIC整理--转
- cloudstack中的user,account,domain和project解释
- 『HTML5实现人工智能』小游戏《井字棋》发布,据说IQ上200才能赢【算法&代码讲解+资源打包下载】
- [LeetCode]Container With Most Water(贪心)
- 关于Lock wait timeout exceeded; try restarting transaction
- The Managed Metadata Service or Connection is currently not available
- The Managed Metadata Service or Connection is currently not available 分类: Sharepoint 2015-07-09 13:28 5人阅读 评论(0) 收藏
- copy,assign,strong,retain,weak,readonly,nonatomic的区别
- How to disable Grub's menu from showing up after failed boot
- openwrt上opkg更新报错"opkg_download: Failed to download ............."
- 技术大牛博客http://blog.csdn.net/dbzhang800/article/details/6300789
- 基于bootstarp的Dailog
- 手机版百度m.baidu.com被运营商劫持到xjcf168.com
- 关于MVC结构中的action,service,dao,domain的解释
- UVa 10803 - Thunder Mountain
- Leetcode 172 Factorial Trailing Zeroes
- training key points
- Slave failed to initialize relay log info structure from the repository
- ibaits2中要注意remapResults-被坑了
- Design Pattern Explained