試圖使用jquery提交php表單

第一：試圖使用jQuery提交此表單。當我點擊提交時，什麼也沒有發生，沒有數據被冒充，但其他所有的東西都可以工

二：當我點擊提交出現的消息，然後當我打關閉對話框關閉，我怎麼可以重新加載彈出DIV這樣，當鏈路再次單擊它並不顯示消息或最後行動。

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#popbox').click(function(){ 
     $('#form').submit(function(){ 
      $.post('url.php', function(data){ 
       var message = 'some text'; 
       $('#popbox').html('message'); 
      }); 
      return false; 
     }); 
     $('#closeForm').click(function(){ 
      $('#popbox').fadeOut(); 
     }); 
    }); 
}); 
</script>

HTML代碼：

<div id="popbox"> 
    <form id="form" method="post" action="" > 
     <input type="radio" name="option" value="text1" />text1 <br> 
     <input type="radio" name="option" value="text2" />text2<br> 
     <br><input type="submit" name="sendData" value="send"/> 
    </form> 
    <div style="margin:auto; border:1px gray groove ; padding:2px 7px 2px 5px; clear:both; width:30px;border-radius:5px;"><a id="closeForm">close</a></div> 
</div>

來源

2012-01-24 user570782

有沒有你要綁定到窗體的'submit'一個理由「＃popbox」鏈接的'click'事件處理程序中的事件？這樣做的問題是，如果多次點擊鏈接，則會向表單添加多個「submit」事件處理程序。 – Jasper

你必須將表格數據添加到AJAX請求。要做到這一點，我們可以使用jQuery的.serialize()功能：

 $.post('url.php', $(this).serialize(), function(data){ 
      var message = 'some text'; 
      $('#popbox').html('message'); 
     });

文檔，以便.serialize()：http://api.jquery.com/serialize
文檔爲$.post()：http://api.jquery.com/jquery.post

來源

2012-01-24 00:20:42 Jasper

試圖使用jquery提交php表單

回答

相關問題