使用提交按钮重构 AJAX 表单的建议

suggestions to refactoring ajax form with submit button?

本文关键字：表单 AJAX 重构 提交 按钮      更新时间：2023-09-26

我有一个弹出窗口，其中包含 2 个按钮来拒绝并接受问题是我正在尝试设置按钮样式，并且仍然触发一个 JS 事件来关闭弹出窗口（它是一个模态 ajax 弹出窗口）问题是我缺乏将以下 3 个元素组合在一起的灵感和想法。

一些轨道代码：

  // ACCEPT FORM
  = form_tag(friend_path, :method => 'post', :remote => true) do
    = hidden_field_tag :user_id, current_user.id
    = submit_tag 'ACCEPT'
  // DECLINE FORM
  = form_tag(friend_path, :method => 'post', :remote => true) do
    = hidden_field_tag :user_id, current_user.id
    = submit_tag 'DECLINE'
    //fbmodal.close ()

任何人的一些想法我如何拥有按钮

  • 可样式化（如推特引导程序）

  • 仍然使用 Ajax 发送

  • 触发 JS 事件关闭弹出窗口？

可设置样式的按钮：

%button.btn#accept-button
  %i.icon-plus
  Accept

然后，您的JS可以是这样的：

$(document).ready(function() {
  $('#accept-button').click(function() {
    // replace this with your AJAX call
    $.get('/foo.json');
    // close the modal
    $('#your-modal-id').modal('hide');
    // and don't submit
    return false;
  });
});
相关文章：