ajax中button和submit按鈕的區別是什麼

admin發表於2017-02-24
這兩種按鈕很明顯是有差別的,下面通過一個簡單的例子介紹一下在ajax中應用中的區別。

先看一段程式碼例項片段:

[JavaScript] 純文字檢視 複製程式碼
$(document).ready(function(){ 
  $("#submit").click(function(){ 
    $.post("recive.php",{tel:$("#tel").val(),username:$("#username").val()},function(data){ 
      $("#text").html(data); 
    },"html")
  }) 
})

點選submit提交按鈕,recive.php接收傳過來的值,然後輸出一段資料。然而卻始終無法顯示傳回來的值。

原因如下:

[HTML] 純文字檢視 複製程式碼
<input type="submit" name="submit" id="submit" value="提交" />

這是因為按鈕的型別是submit,因為它並不是一個普通的按鈕,它的預設動作中具有提交表單的功能。

當然以上情況也要看具體情況,這裡僅僅是提供一種思路,或許與您遇到的問題想吻合,寄希望能夠給與一定的幫助。


相關文章