Javascript發佈多個

-1

我有一個JavaScript編碼，拉一個PHP文件，如果它更新數據庫，它會回聲成功：年齡更新！它的作品和所有，但是當我多次點擊它會開始做到這一點.. Sucsess：年齡改變！ Sucsess：年齡變了！ Sucsess：年齡變了！這是Javascript。Javascript發佈多個

function UpdateAge(Age) { 
    var newage = $("#NewAge").val(); 
    var dataString = 'newage=' + newage; 
    if (newage.length < 2) { 
     $('#Required').fadeIn(300); 
     $('#Mask').fadeIn(300); 
    } else { 
     $.ajax({ 
      type: "POST", 
      url: "update_age.php", 
      data: dataString, 
      cache: false, 
      success: function (updateage) { 
       $("#UpdatedAge").append(updateage); 
       $("#UpdatedAge").show().fadeOut(1200); 
      } 
     }); 
    }

}

我將如何得到它只是顯示成功：年齡已更新！一次，而不是隻是每次點擊時都會增加？下面是對的onClick

<input type="submit" value="Update" onClick="UpdateAge(<?php echo $age ?>)" />

來源

2013-04-25 user2321809

您究竟如何稱呼「UpdateAge」？你如何設置「點擊」事件處理程序？ – Pointy 2013-04-25 23:05:44

將其添加到編碼中，對此感到抱歉！ – user2321809 2013-04-25 23:06:54

onClick屬性，yuck。嘗試從你的元素中分離出js – smerny 2013-04-25 23:11:21

的按鈕看起來像你只需要清空每次你#UpdatedAge元。

function UpdateAge(Age) { 
    var newage = $("#NewAge").val(); 
    var dataString = 'newage=' + newage; 
    if (newage.length < 2) { 
     $('#Required').fadeIn(300); 
     $('#Mask').fadeIn(300); 
    } else { 
     $.ajax({ 
      type: "POST", 
      url: "update_age.php", 
      data: dataString, 
      cache: false, 
      success: function (updateage) { 
       $("#UpdatedAge").empty(); 
       $("#UpdatedAge").append(updateage); 
       $("#UpdatedAge").show().fadeOut(1200); 
      } 
     }); 
    } 
}

來源

2013-04-25 23:07:12 cdlong

是你把追加的問題，改變的內容，而不是（只是改變append至html）

$("#UpdatedAge").html(updateage);

來源

2013-04-25 23:07:34 smerny

只需使用一些如

function UpdateAge(Age) { 
    var newage = $("#NewAge").val(); 
    var dataString = 'newage=' + newage; 
    if (newage.length < 2) { 
     $('#Required').fadeIn(300); 
     $('#Mask').fadeIn(300); 
    } else { 
     $.ajax({ 
      type: "POST", 
      url: "update_age.php", 
      data: dataString, 
      cache: false, 
      success: function (updateage) { 
       $("#UpdatedAge").html(updateage); 
       $("#UpdatedAge").show().fadeOut(1200); 
      } 
     }); 
    } 
}

由於html的替換的內容#UpdatedAge並且不要將其附加到內容中，就像.append所做的那樣。

來源

2013-04-25 23:07:51

哦，我沒有想到刪除.apend！非常感謝，它的工作！祝你今天愉快！ – user2321809 2013-04-25 23:10:19

@ user2321809發生這種情況，這很正常。也祝你今天開心！ :) – 2013-04-25 23:13:18

Javascript發佈多個

回答

相關問題