0

我正在尝试通过 Ajax 提交表单，但我无法提交。我有多个表格，我正在使用 (this) 提交数据。我收到错误From error:0 error消息。警报消息显示我拥有价值。

<script type="text/javascript">
$(document).ready(function() {

    $(".submitform").click(function (){
        alert ($(this).parent().serialize());
        $.ajax({
                type: "POST",
                url: "reply_business.php",
                timeout:5000,
                data: $(this).parent().serialize(),
                beforeSend: function(xhr){
                    $('#load').show();
                },
                success: function(response){
                    $(this).parent().find('.sentreply').append(response);
                    $('.sentreply div:last').fadeOut(10).fadeIn(2000);
                    //uncomment for debugging purposes
                    //alert(response);
                },
                error: function(jqXHR) {
                   alert ('From error:' + jqXHR.status + ' ' +jqXHR.statusText);
                },
                complete: function(jqXHR, textStatus){
                    //uncomment for debugging purposes
                    //alert ('From complete:' + jqXHR.status + ' ' +jqXHR.statusText + ' ' + textStatus);
                    $('#load').hide();
           }
        });

    });
}); 

    </script>

我正在通过 PHP 代码创建下面的表单

foreach ($array['business_ids'] as $business) 
                  {              

                        ?>
<form >
  <input type="hidden" name="b_id" value="<?php echo $business ; ?>" />
  <input type="hidden" name="c_id" value="<?php echo $sqlr['conversation_id']; ?>" />
  <input type="hidden" name="q_id" value="<?php echo $sqlr['query_id']; ?>" />
  <input type="hidden" name="u_id" value="<?php echo $sqlr['u_id']; ?>" />
  &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;
  <textarea  name="reply">Type the reply here.</textarea>
  <input type="submit"  class="submitform" value="Submit">
</form>
<?php


                  }

我不明白为什么 Ajax 不能发送数据。

4

2 回答 2

1

在没有看到标记或网络流量的情况下，我们只能猜测。也许 $(this).parent() 不是形式？

附加通常$(form).submit()比$(button).click()这个原因更安全，因为$(button).click()它不会通过按 enter 键捕获表单提交。

编辑这是一个例子：

<form id="theform">
    <input type="text" id="thetext" name="thetext" />
    <input type="submit" value="send" />
</form>
<form id="anotherform">
    <input type="text" id="anothertext" name="anothertext" />
    <input type="submit" value="save 2" />
</form>
<script>
    $(document).ready(function () {
        $("#theform").submit(function (e) {
            var data = {
                thetext: $("#thetext").val()
            };
            $.ajax("/the/server/url", {
                type: "POST",
                contentType: "application/json; charset=utf-8",
                data: JSON.stringify(data),
                success: function (r) {
                    alert("done");
                }
            });
            // Technically you need only one or the other
            e.preventDefault();
            return false;
        });
    });
</script>
于 2013-01-19T18:22:50.840 回答
0

您似乎在启动 Ajax 请求后提交了表单 - 当页面被卸载时，请求被取消。由于您的表单没有action，提交只会重新加载当前页面，因此您可能不会注意到它。

为了防止这种情况，您将需要preventDefault()捕获的事件。此外，您不应仅处理click提交按钮上的事件，而应处理submit其<form>本身的事件。

于 2013-01-19T19:07:41.203 回答