ajax - jQuery Mobile 避免在 ajax 表单中提交 changePage()

Question

我有一个post表单，我希望submit以AJAX方式完成，但我不想更改页面 URL。

例如：

<form action="/countries/change_country" data-ajax="true" method="post">
  <select name="country_code">
    <option value="FR" selected="selected">France</option>
    <option value="DE">Germany</option>
  </select>
  <input type="submit" value="change country" />
</form>

当我单击change country按钮时，表单是通过 AJAX 发送的，但页面 URL 更改为/countries/change_country不好的，因为我的服务器中不存在此 URL，这对 HTTP 动词非常挑剔。

我知道可以为整个应用程序更改此默认行为，但我想停用changePage()此表单的唯一行为。

Answer 1

改为通过Javascript/jQuery提交表单。

第一：禁用默认提交行为

$('#form').on('submit', function (e) {
   if (e.preventDefault) e.preventDefault();
   return false;
});

二：用jQuery序列化表单数据

var serializedFormData = $('#form').serialize();

第三：发布您的表格$.ajax();

$.ajax({
   url: '/countries/change_country',
   type: 'POST',
   data: serializedFormData
});