每次單擊提交按鈕時，如何執行新的AJAX？

Question

我有一個表單，每次單擊提交按鈕時都會執行。 單擊提交按鈕后，將顯示一個模式，並使用JSON數據填充該模式。 應用程序/ addresschecker會檢查發布的地址，如果返回的代碼返回值為2003，則會向我發送錯誤消息。否則，我將使用jQuery的$ .each通過JSON選擇返回數據。

該應用程序可以運行，但是當我關閉模式，重新填寫表格並單擊提交時，該表格不會對我在chrome的網絡標簽中查看的/ addresschecker進行新調用，並且似乎正在使用舊數據。 我認為，每次用戶單擊“提交”按鈕或以某種方式清除緩存時，都需要強制執行一個新的Ajax調用。 不知道為什么我看到舊數據

<form id="Validate">
  <input class="form-control" id="adr1" name="address1" type="text" placeholder="Address 1" />
  <input class="form-control" id="adr2" name="address1" type="text" placeholder="Address 1" />
  <button type="submit" >Submit</button>
</form>

<div class="modal hide">
  <!-- JSON Data returned -->
  <div id="Message_1"></div>
  <div id="Message_2"></div>
  <div id="error_message"></div>
</div>


// My main form code
submitHandler: function(form) {
  $.ajax({
    url: '/addresschecker',
    type: 'post',
    cache: false,
    dataType: 'json',
    data: $('form#Validate').serialize(),
    success: handleData
  });

  function handleData(data) {
    var mesgcheck = data.message;

    if (data.code == '2003') {
      $("#error_messag").html(mesgcheck);
    } else {
      // Display Modal
      $(".modal").removeClass("hide");
      $.each(data, function(i, suggest) {
        $(".adr1").val(suggest.address1);
        $(".adr2").val(suggest.address2);
      });                        
    }
  }
}

Answer 1

讓ajax處理您的請求。

用這個：

<input type="button" value="submit">

而不是類型提交。