Ajax, плагин формы jquery не будет работать - PullRequest
0 голосов
/ 23 февраля 2010

Я пытаюсь использовать плагин формы jquery для malsup и не могу заставить работать простой пример (http://jquery.malsup.com/form/#ajaxForm). Я вставил свой код ниже. Что не так? Все, что происходит, это я получите окно с предупреждением «Спасибо за ваш комментарий!». Больше ничего не происходит.

Спасибо

Mark

Это файл ajaxtest.html:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="javascript/jquery.js"></script> 
    <script type="text/javascript" src="javascript/jquery.form.js"></script> 
    <script type="text/javascript"> 
        // wait for the DOM to be loaded 
        $(document).ready(function() { 

     var options = {
   target: '#output1', // target element(s) to be updated with server response 
   beforeSubmit: showRequest, // pre-submit callback 
   success: showResponse // post-submit callback 
  };

            // bind 'myForm' and provide a simple callback function 
            $('#myForm').ajaxForm(function() { 
                alert("Thank you for your comment!"); 
         }); 
        }); 
  function showRequest(formData, jqForm, options) {
   alert("calling before sending!");
   return true;
  }
  function showResponse(responseText, statusText, xhr, $form) {
   alert("this is the callback post response");
  }
    </script> 
 <script>

 </script>
</head> 
<body>
<form id="myForm" action="form/report.php" method="post"> 
    Name: <input type="text" name="name" /> 
    Comment: <textarea name="comment"></textarea> 
    <input type="submit" value="Submit Comment" /> 
<div id="output1"></div>
</form>
</body>
</html>

Это файл PHP:


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

Ответы [ 2 ]

0 голосов
/ 23 февраля 2010

Вам необходимо передать ваш объект "options" в вызов ajaxForm и настроить в нем свою функцию успеха (то есть в объекте options). Смотрите эту страницу: http://jquery.malsup.com/form/#options-object

0 голосов
/ 23 февраля 2010

Вы нигде не используете переменную options, вы только определяете ее.

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