Question

我遇到两个问题。

首先：尝试使用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>

Answer 1

您必须将表单数据添加到AJAX请求中。为此，我们可以使用jQuery＆＃39; .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

尝试使用jquery提交php表单

1 个答案: