javascript - jquery .ajax() 问题

Question

我正在使用 Jquery 1.7.1 并且遇到问题..我正在我的脚本中使用 CRM 并正在努力完成页面但我遇到了这个问题..

我的 html:

<form class="collector" action="https://www.domain.biz/admin/transact.php" method="POST">
  <input type="hidden" name="method" value="NewProspect">
  <input type="hidden" name="campaignId" value="3">
  <input type="hidden" name="ipAddress" value="<?php echo $_SERVER['REMOTE_ADDR']; ?>">
  <fieldset>
    <div style=" padding-left: 50px">
      <table>
        <tr>
          <td><span style="color:red;">*</span>Your First Name: 
              <span id="rfvFirstName" style="display:none;">*</span>
          </td>
          <td><span style="color:red;">*</span>Your Last Name: 
              <span id="rfvFirstName" style="display:none;">*</span>
          </td>
                                            <td><span style="color:red;">*</span>Your Phone Number: </td>
                                            <td><span style="color:red;">*</span>Primary Email: </td>
                                        </tr>
                                        <tr>
                                            <td>
                                            <input name="firstName" type="text" id="firstName" style="width:150px;" value="">
                                            </td>
                                            <td>
                                            <input name="lastName" type="text" id="lastName" style="width:150px;" value="">
                                            </td>
                                            <td>
                                            <input name="phone" type="text" id="phone" class="" style="width:150px;" value="">
                                            </td>
                                            <td>
                                            <input name="email" type="text" id="email" class="required email" style="width:150px;" value="">
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="clear"></div>
                                <center>
                                    <input type="submit" name="continue" id="imgbtnSubmit" class="button" style="background-image: url('<?php echo base_url();?>inc/img/button-check.png');
                                background-repeat: no-repeat; width: 348px; height: 46px; border:none; background-color:transparent;" value="" />
                                </center>
                            </fieldset>
                            <p align="center" style="font-size:12px;">
                                &nbsp;
                            </p>
                        </form>

JS:

$('.collector').submit(function(){
    validate = true;
        $(this).find("input:text:visible:enabled").each(function() {
            if ($(this).attr("value") == "") {
                alert("Please fill in all fields!");
                $(this).focus();
                validate = false;
                return false;
            }
            else if ($(this).hasClass("email") && !$(this).attr("value").match(/@/)) {
                alert("Please enter an email address...");
                $(this).focus();
                validate = false;
                return false;
            }
        });
    if (validate != false)  { 
            $.ajax({
                url: $(this).attr('action'),
                type: 'POST',
                data: $(this).serialize(),
                success: function(response) { 
                    alert(response);
                }
            });
        }
    return false;
});

现在这两件事都起作用了，而且它们一起工作得很好……问题是我没有得到任何回应，我也不确定为什么。我想这是因为 Firebug 在说什么...... POST https://www.domain.biz/admin/transact.php 200 OK 1.04s jquery.js (line 8102)

这一行在我的firebug中显示为红色，jquery.js中8102行是:xhr.send( ( s.hasContent && s.data ) || null );

Answer 1

以下是一些可能会帮助您找到错误的建议:

在你的ajax调用中，成功后，添加如下代码:

success: function(response) { 
    alert(response);
},
error: function(response) {
    console.log(response.status + " " + response.statusText);
}

这将在您的控制台中打印导致此错误的线索。

顺便说一下，还有一些其他的建议，你的验证可以通过新的 HTML5 输入类型(电子邮件，电话)来实现，如果你必须保持与不支持这些的浏览器的兼容性，你可以找到一个 jQuery处理这个的插件。