2012-06-07 2 views
0

у меня есть два файла пытается использовать 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; 
?> 

не работает, я не могу получить сигнал тревоги в функции sucess

+0

Какой браузер вы используете? Выполняете ли вы эту страницу, используя 'http: //' только правильно? –

+0

Попробуйте дать 'return false' в конце функции' click'. –

ответ

1

изменить тип кнопки представить только кнопка. В противном случае вы отправляете форму перед запуском ajax.

0

Попробуйте дать return false в конце функции click.

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

Это может сработать!

0

В этом случае я бы использовал событие отправки в форме, потому что, если вы привязываете событие click к кнопке отправки, событие отправки по-прежнему запускается.

увидеть здесь пример

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