Question

我在模态窗口中使用jQuery文档来使用远程文件触发mysql更新。

如果没有jQuery，表单会根据需要更新数据库，但显然意味着从远程文件上的成功消息导航回原始表单。

在提交时使用我从表单中获取成功消息（和失败消息），但不更新数据库。

Php和jQuery不是我的优点，我不知道，虽然它可能很简单但我忽略了......这是漫长的一天！

任何想法都非常感激 - 如果我在这里做错了什么道歉，在使用本网站几年后第一次发帖。

$(document).on("submit", "form#update-person", function (e) {
  e.preventDefault();

  document.getElementById('form-body').innerHTML = 'PROCESSING MESSAGE HERE';

  $.ajax({
    url: $(this).attr('action'),
    type: $(this).attr('type'),
    data: $(this).serialize(),
    success: function(html) {
      document.getElementById('form-body').innerHTML = 'SUCCESS MESSAGE HERE;
    },
    error: function(xhr, status, error) {
      document.getElementById('form-body').innerHTML = ' FAILURE MESSAGE HERE;
    }
  });

  return false;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="form-body">
  <form id="update-person" name="update-person" method="post" action="/includes/update-process.php" type="post">
    Form content
    <input type="submit" id="update-submit"  name="update-submit" value="Update Person">
  </form>
</div> <!--/#form-body -->

关于从模态窗口提交更新mysql的jQuery文档

0 个答案: