javascript - Wordpress:Jquery 提交事件，页面重新加载而不是触发 document.location.href

Question

所以，我有一个 jQuery 提交事件处理程序，在提交时查询数据库，如果没有返回记录，则阻止表单页面重新加载，如果找到记录，则应使用文档将用户重定向到另一个页面.location.href。

但实际发生的情况是，正在查找记录，然后表单页面本身会重新加载，而不是将用户重定向到另一个页面。

我在这里忽略了什么？

jQuery('#MyForm').submit(function(e) {
  console.log("getUserIDs is successfully hit.");
  alert("The submit event has been hit");
  var countryVal;
  var cityVal;
  var townVal;
  var categoriesVal;
  var serialized = jQuery('#MyForm').serialize();
  var url = window.location.hostname;

  countryVal = jQuery("#CountryList").val();
  cityVal = jQuery("#CityList").val();
  townVal = jQuery("#TownList").val();
  if (typeof townVal == 'object') {
    townVal = "object";
  }
  categoriesVal = jQuery("#CategoriesList").val();

  jQuery.ajax({
    cache: false,
    type: "POST",
    async: false,
    url: gymRegions.ajaxurl,
    data: {
      action: "showcountries",
      makeselection: "getUserIDs",
      countryID: countryVal,
      cityID: cityVal,
      townID: townVal,
      categoriesID: categoriesVal,
      locationHref: url,
      serialized
    },
    dataType: "json",
    success: function(data) {
      alert("Success of the submit event has been hit.");
      localStorage.setItem('dataObjectTemp2', JSON.stringify(data));
      var numericRecCount = parseInt(data.c);
      jQuery.post('', function(data) {
        document.location.href = window.location.hostname + '/index.php/anotherpage/';
      });
    },
    error: function(data, status, error) {
      alert("No records were returned for your search. Please make another selection.");
      e.preventDefault();
      return false;
      console.log(data);
      console.log(status);
      console.log(error);
    }
  });
});

<form id="MyForm" method="Post">
  <input type="submit" name="fl-button" id="fl-button" role="button" value="SEARCH" class="fl-button" disabled="disabled" value="Send" />
</form>

Answer 1

jQuery('#MyForm').submit(function (e) {
    e.preventDefault();

    var countryVal;
    var cityVal;
    var townVal;
    var categoriesVal;
    var serialized = jQuery('#MyForm').serialize();
    var url = window.location.hostname;

    countryVal = jQuery("#CountryList").val();
    cityVal = jQuery("#CityList").val();
    townVal = jQuery("#TownList").val();

    if (typeof townVal == 'object') {
        townVal = "object";
    }
    categoriesVal = jQuery("#CategoriesList").val();

    jQuery.ajax({
        cache: false,
        type: "POST",
        async: false,
        url: gymRegions.ajaxurl,
        data: serialized + '&action=showcountries&makeselection=getUserIDs&countryID=' +
                countryVal + '&cityID=' + cityVal + '&townID=' + townVal + '&categoriesID=' +
                categoriesVal + '&locationHref=' + url,
        dataType: "json",
        success: function (data) {
            alert("Success!");
            localStorage.setItem('dataObjectTemp2', JSON.stringify(data));
            var numericRecCount = parseInt(data.c);

            window.location.href = url + '/index.php/anotherpage/';
        },
        error: function (data, status, error) {
            alert("No records were returned for your search. Please make another selection.");
        }
    });

    return false;
});