jQuery的AJAX不工作

我有兩個文件試圖使用AJAXjQuery的AJAX不工作

這裏是test.php的文件

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script> 

<script type="text/javascript"> 

    var email = $('#email').val(); 
    $(document).ready(function(){  
     $("#submit").click(function() { 
      $.ajax({ 
       url:"test1.php", 
       success:function(){ 
        alert(''); 
       } 
      }); 
     }); 
    }); 

</script> 
</head> 
<body> 
    <form method="post"> 
     Email:<input type="text" name="email" id="email" /> 
     <input type="submit" name="submit" value="submit" id="submit" /> 
    </form> 
</body> 
</html>

的代碼，這裏是test1.php文件的代碼

<?php 
    echo "hi"; 
    exit; 
?>

它無法正常工作我無法獲得成功警報

來源

2012-06-07 harpreet kaur

您使用哪種瀏覽器？你只使用'http：//'執行這個頁面嗎？ –

嘗試在'click'函數結束時給出'return false'。 –

變化的例子提交按鈕類型，只是一個按鈕。否則，你在ajax被觸發前提交表單。

來源

2012-06-07 13:36:48

嘗試給出return false到底的click函數。

var email = $('#email').val(); 
$(document).ready(function(){ 
    $("#submit").click(function() { 
     $.ajax({ 
      url:"", 
      success:function(){ 
       alert(''); 
      } 
     }); 
     return false; 
    }); 
});

這可能工作！

來源

2012-06-07 13:28:04

在這種情況下，我會使用表單上的提交事件，因爲如果您綁定提交按鈕上的點擊事件，提交事件仍然會被觸發。

看到這裏

http://api.jquery.com/submit/

來源

2012-06-07 13:33:56

jQuery的AJAX不工作

回答

相關問題