JQuery / AJAX не работает - PullRequest
       2

JQuery / AJAX не работает

0 голосов
/ 14 января 2010

По какой-то причине это не работает. Я скопировал / вставил код, но он идет в html-echo.php вместо отображения результата в htmlExampleTarget

Что я тут не так делаю.

Спасибо

Dave

edit: извините, ребята - вот URL - http://jquery.malsup.com/form/#html

    <script src="js/jquery-1.3.2.js" type="text/javascript" language="javascript"></script>

<script type="text/javascript">
// prepare the form when the DOM is ready 
$(document).ready(function() { 
    // bind form using ajaxForm 
    $('#htmlForm').ajaxForm({ 
        // target identifies the element(s) to update with the server response 
        target: '#htmlExampleTarget', 

        // success identifies the function to invoke when the server response 
        // has been received; here we apply a fade-in effect to the new content 
        success: function() { 
            $('#htmlExampleTarget').fadeIn('slow'); 
        } 
    }); 
});
</script>



<div style="position:absolute; top:129px; left: 400px; width:500px; border:#000000 thin solid;">
      <form id="htmlForm" action="submit_form.php" method="post"> 
    Message: <input type="text" name="message" value="Hello HTML" /> 
    <input type="submit" value="Echo as HTML" /> 
</form>
Reply: <div id="htmlExampleTarget"></div>
    </div>

и на странице submit-form.php

echo '<div style="background-color:#ffa; padding:20px">' . $_POST['message'] . '</div>'; 

1 Ответ

2 голосов
/ 14 января 2010

У вас есть два <script> элемента. Один из них загружает jQuery, другой запускает ajaxForm. Вы не загрузили файл .js , содержащий код ajaxForm.

См. Документацию :

Включите jQuery и файлы внешних скриптов плагина формы и короткий скрипт для инициализации формы

Поскольку у вас этого нет, скрипт пытается выполнить эту функцию, поэтому он не препятствует выполнению действия по умолчанию. Код для выполнения Ajax-запроса отсутствует (так, чтобы этого не произошло), и выполняется действие по умолчанию (для браузера выполняется переход по URI в атрибуте действия).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...