ajax後導致我的表單多次提交

有一個表單中的一個項目是假設提交查看AJAX帖子，但是當我發佈表單提交幾次白色在第一次它只提交AJAX ENUM下拉列表中的項目+值，和其餘項目值是NUll，因此該模型無效&之後，我收到除了項目ajax假設發佈的所有項目... 腳本I的列表在該頁面：我希望提交（郵寄）到我的控制器值：LAT ajax後導致我的表單多次提交

<script src="/Scripts/modernizr-2.8.3.js"></script> 
 
<script src="/Scripts/jquery-3.1.0.js"></script> 
 
<script src="/Scripts/jquery-ui-1.12.0.js"></script> 
 
<script src="/Scripts/underscore-min.js"></script> 
 
<script src="/Scripts/moment.js"></script> 
 
<script src="/Scripts/bootstrap.js"></script> 
 
<script src="/Scripts/respond.js"></script> 
 
<script src="/Scripts/GenresScripts.js"></script> 
 
<script src="/Scripts/bootbox.min.js"></script> 
 
<script src="/Scripts/jquery.validate.js"></script> 
 
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>

<script type="text/javascript"> 

    var map; 
    var initialCenter; 
    var initialZoom; 
    var elevationService; 
    var geocoder; 

    function init() { 
     var mapOptions = { 
      center: new window.google.maps.LatLng(52.373922, -3.427734), 
      zoom: 14, 
      mapTypeId: window.google.maps.MapTypeId.TERRAIN, 
      mapTypeControl: false 
     }; 

     map = new window.google.maps.Map(document.getElementById('mapDiv'), mapOptions); 

     initialCenter = mapOptions.center; 
     initialZoom = mapOptions.zoom; 


     addGeocodingService(); 

     addShowCoords(); 

    } 

    google.maps.event.addDomListener(window, "load", init); 


    function addGeocodingService() { 
     geocoder = new window.google.maps.Geocoder(); 
    } 

    function geocodeAddress() { 
     var address = document.getElementById("address").value; 
     geocoder.geocode({ 'address': address }, 
      function(results, status) { 
       if (status === window.google.maps.GeocoderStatus.OK) { 
        map.setCenter(results[0].geometry.location); 
        addShowCoords(results[0].geometry.location); 
        //var position = results[0].geometry.location; 

       } else { 
        alert("Geocode failed with the following error: " + status); 
       } 

      }); 
    }; 


    function addShowCoords() { 
     window.google.maps.event.addListener(map, 
      'center_changed', 
      function() { 
       var newCenter = map.getCenter().toString(); 
       var lat = newCenter.toString(); 
       document.getElementById('LatLong').innerText = lat; 

      }); 
     $.ajax({ 
      type: "POST", 
      //ActionName 
      url: "Create", 
      //Just for test hard code value 
      //Should be : data: { LatLong:lat}, 
      data: { LatLong: lat }, 
      async: false, 
      datetype: "html", 
      success: function (data) { 
       $('#result').html(data); 
       return false; 

      }, 
      error: function() { 
       alert("oops, something bad happened"); 
      } 


     }); 

    }; 

</script>

來源

2016-09-18 Assaf Our

您有許多問題。 ''lat'在addShowCoords（）中未定義。你可以在不帶參數的'init（）'內部調用它，然後在'geocodeAddress（）'中再次調用它，但是傳入參數，但函數不會執行任何操作。每次調用它時還要添加事件監聽器。也不要使用'async：false'這是一個可怕的做法，並且已被瀏覽器所棄用，並且您應該在控制檯中看到關於該錯誤的警告 – charlietfl

建議您學會在代碼中使用控制檯日誌記錄進行調試..或學習如何使用斷點在調試器中 – charlietfl

多重提交如果您加載不顯眼的jQuery不止一次，所以檢查整個項目，並添加只有一個不顯眼的jQuery只發生。

欲瞭解更多詳情click here

來源

2016-09-18 15:38:55

ajax後導致我的表單多次提交

回答

相關問題