欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

按鈕的Ajax請求時一次點擊兩次提交的解決方法

 更新時間：2016年09月25日 11:14:06   作者：吳東雷  
像ajax請求發(fā)生兩次提交的原因是在執(zhí)行完ajax請求后，并沒有阻止submit的行為，下面小編給大家?guī)韮煞N按鈕的ajax請求時一次點擊兩次提交的解決方法，一起看看吧

頁面中的按鈕的type是submit的： <input type="submit" value="Create" id="submit" />

ajax的請求，在JQuery中是：

$(function () {
$('#submit').click(function () {
var createGenreForm = $('#createGenreForm');
if (createGenreForm.valid()) {
var obj = {
Name: $('#Name').val(),
Description: $('#Description').val()
};
var jsonSerialized = JSON.stringify(obj);
$.ajax({
type: "POST",
url: createGenreForm.attr('action'),
dataType: "json",
contentType: "application/json; charset=utf-8",
data: jsonSerialized,
success: function (result) {
alert(result.Message);
},
error: function (error) {
alert("There was an error posting the data to the server: " + error.responseText);
}
});
}
});
});

發(fā)生兩次提交的原因是在執(zhí)行完ajax請求后，并沒有阻止submit的行為，所以解決方法有兩種：

1、不使用type為submit類型的按鈕，而是使用type是button的按鈕。

2、在$('#submit').click函數(shù)中，最后加一行return false;，即可阻止submit。

一點說明：為什么在標題中要嵌入英文？原因是為了能夠讓國外的網(wǎng)友能查詢到這篇文章。平常在Google上查資料的時候，經(jīng)常參考國外網(wǎng)友的博客，幫助我解決了很多問題，所以我也想讓他們能夠參考我寫的內(nèi)容。當然文中我不可能全部譯為英文，所以我盡量把代碼粘全，靠代碼說話吧。

以上所述是小編給大家介紹的按鈕的Ajax請求時一次點擊兩次提交的解決方法,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

  • 用ajax xml的數(shù)據(jù)讀取的HelloWorld程序

    用ajax xml的數(shù)據(jù)讀取的HelloWorld程序

    我們經(jīng)常會使用JavaScript實現(xiàn)動態(tài)的改變div里面的內(nèi)容，尤其是使用ajax的時候，尤為重要。
    2009-04-04
  • ajax獲取用戶所在地天氣的方法

    ajax獲取用戶所在地天氣的方法

    這篇文章主要為大家詳細介紹了ajax獲取用戶所在地天氣的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-10-10
  • AJAX 動態(tài)獲取當前時間(php)

    AJAX 動態(tài)獲取當前時間(php)

    利用AJAX動態(tài)獲取當前時間，客戶端time.php,服務(wù)器端time_check.php
    2009-11-11
  • 快速解決ajax返回值給外部函數(shù)的問題

    快速解決ajax返回值給外部函數(shù)的問題

    今天小編就為大家分享一篇快速解決ajax返回值給外部函數(shù)的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • jsp+ajax實現(xiàn)無刷新上傳文件的方法

    jsp+ajax實現(xiàn)無刷新上傳文件的方法

    這篇文章主要介紹了jsp+ajax實現(xiàn)無刷新上傳文件的方法,結(jié)合實例形式分析了ajax無刷新上傳文件及jsp后臺處理的相關(guān)技巧,需要的朋友可以參考下
    2016-01-01
  • Ajax 跨域如何實現(xiàn)

    Ajax 跨域如何實現(xiàn)

    這篇文章主要介紹了Ajax 跨域如何實現(xiàn)的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下
    2016-05-05
  • Ajax?請求隊列解決方案并結(jié)合elementUi做全局加載狀態(tài)

    Ajax?請求隊列解決方案并結(jié)合elementUi做全局加載狀態(tài)

    這篇文章主要介紹了Ajax?請求隊列解決方案并結(jié)合elementUi做全局加載狀態(tài),使用 消息隊列 制作 請求防抖，防止重復請求印象服務(wù)器，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
    2022-10-10
  • Jquery Ajax請求方法小結(jié)(值得收藏)

    Jquery Ajax請求方法小結(jié)(值得收藏)

    本文給大家介紹jquery ajax請求方法小結(jié)，jquery作為一個輕量級的js框架，能快速的開發(fā)js應(yīng)用，并且在一定程度上改變了我們寫js代碼的習慣，對jquery ajax請求感興趣的朋友參考下
    2015-11-11
  • AJAX跨域請求獲取JSON數(shù)據(jù)的實現(xiàn)方法

    AJAX跨域請求獲取JSON數(shù)據(jù)的實現(xiàn)方法

    我們都知道，由于受到瀏覽器的限制，AJAX?是不允許跨域請求，不過可以通過使用?JSONP?來實現(xiàn)，本文介紹了?JSONP?的是怎么在?jQuery，MooTools?的，Dojo?Toolkit?中實現(xiàn)的，感興趣的朋友跟隨小編一起看看吧
    2023-06-06
  • ajax實現(xiàn)select三級聯(lián)動效果

    ajax實現(xiàn)select三級聯(lián)動效果

    這篇文章主要為大家詳細介紹了ajax動態(tài)實現(xiàn)select三級聯(lián)動，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2018-01-01

最新評論