Ajax, jquery formu eklentisi çalışmaz

2 Cevap php

Ben malsup jquery formu eklenti kullanmak çalışıyorum ve ben (http://jquery.malsup.com/form/ # ajaxForm) çalışmak için basit bir örnek alınamıyor. Ben aşağıda benim kodu yapıştırılır ettik. Ne yanlış gidiyor? Olur tüm diyor bir uyarı kutusu olsun "Yorumlarınız için teşekkür ederiz!". Başka bir şey olmuyor.

Teşekkürler,

Markos

Bu ajaxtest.html dosyasıdır:

<!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>

Bu PHP dosyası:

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

2 Cevap

Her yerde options değişkeni kullanmak istemiyorum, sadece bunu tanımlamak.

Sen ajaxForm çağrı içine "seçenekleri" nesne geçmesi gerekiyor, ve (bu seçenek nesne olarak, olduğu) o sizin başarı işlevini ayarlamak. Bu sayfaya bakın: http://jquery.malsup.com/form/#options-object

etiketler