2015-01-15 6 views
0

Я попытался использовать приведенный ниже код для сохранения и отображения информации с помощью ajax. Но это не сработает.Ajax звонок не сохраняет информацию о форме

Вот код.

<?php session_start();?> 
<html> 
<head> 
<script src="style/jquery-ui.js" type="text/javascript" charset="utf-8"></script> 
<script src="style/jquery-1.11.1.min.js"></script> 

<script> 
$(function() { 
$("#ajaxquery").live("submit" , function(){ 
    // Intercept the form submission 
    var formdata = $(this).serialize(); // Serialize all form data 

    // Post data to your PHP processing script 
    $.post("show.php", formdata, function(data) { 
     // Act upon the data returned, setting it to #success <div> 
     $("#success").html (data); 
    }); 

    return false; // Prevent the form from actually submitting 
}) 
}); 
</script> 

</head> 

<form id="ajaxquery" method="post" action=""> 
<label for="field">Type Something:</label> 
<input type="text" name="field" id="field" value="" /> 
<input type="submit" value="Send to AJAX" /> 
</form> 

<div id="success"> </div> 
</html> 

И МОЯ show.php который отображает данные в ид = "успех"

<?php 
// Process form data 
echo '<strong>You submitted to me:</strong><br/>'; 
print_r($_REQUEST); 

?> 

Пожалуйста, помогите ...

+4

'.live()' устарел. вместо этого используйте '.on()'. –

+1

Есть ли сообщения об ошибках? Вы проверили свою консоль в своем браузере, чтобы подтвердить, что запрос ajax отправляется правильно? –

+0

@developerwjk его форма '$ (this)' - он использует его внутри обработчика событий для form-selector '$ (" # ajaxquery ")' –

ответ

0

сначала вы должны загрузить JQuery UI после JQuery

<script src="style/jquery-1.11.1.min.js"></script> 
<script src="style/jquery-ui.js" type="text/javascript" charset="utf-8"></script> 

тогда в этом случае вам не нужно использовать живой, вы можете сима слойный сделать это «живые» функции

$("#ajaxquery").submit(function(){ 
    // your code 
}) 

(или на данный момент «на») используется, когда вы собираетесь создать или загрузить HTML-код после установки события.

Смежные вопросы