jQuery Ajax表单，跨域Firefox问题

Question

我的以下表单在Chrome中可以正常运行，但在Firefox中似乎不起作用。 一些Google搜索已通知我这是一个跨域问题。 我不知道该如何解决？

另外，我确实尝试将其发送到本地php文件，该文件将使用变量重定向到跨域URL，但这似乎也没有用。 任何帮助将非常感激！

<script type="text/javascript">

  $(function() {
    $("#requestaction").click(function() {
      $("#thecallform").fadeOut(1000, function(){
           $("#crcontent-thanks").fadeIn(500);
      });
      // validate and process form here

      var fname = $("input#first_name").val();
      var lname = $("input#last_name").val();
      var email = $("input#email").val();
      var phone = $("input#phone").val();
      var retURL = $("input#retURL").val();

 var dataString = 'first_name='+ fname + '&email=' + email + '&phone=' + phone + '&last_name=' + lname + '&retURL=' + retURL;
  //alert (dataString);return false;
  $.ajax({
    type: "POST",
    url: "http://www.blah.com?",
    data: dataString
    });
    return false;

    });
  });

    </script>

<form name="reqform" id="reqform" action="">
<input id="retURL" name="retURL" type="hidden" value="http://www.google.com" />
<div style="float:right;font-weight:bold;line-height:50px;padding-right:20px;padding-top:11px;margin-right:-3px;">
    <div id="affiliates">
        <a href="/invest" style="color: rgb(0, 0, 0); text-decoration: none;"> </a>
        <div style="margin: 4px auto; width: 112px;">
            <div class="button-left">
                &nbsp;</div>
            <div class="button-middle">
                <div class="submit-button" id="requestaction" style="line-height: 36px; width: 100px; text-align: center;cursor:pointer;">
                    Request a Call</div>
            </div>
            <div class="button-right">
                &nbsp;</div>
        </div>
    </div>
</div>

<div><input id="first_name" name="first_name" type="text" value="First Name" class="callforminput" style="margin:6px 10px 0px 10px" onfocus="if(this.value=='First Name'){this.value=''};" onblur="if(this.value==''){this.value='First Name'};"></div>
<div><input id="last_name" name="last_name"type="text" value="Last Name" class="callforminput" style="margin:6px 10px 0px 0px" onfocus="if(this.value=='Last Name'){this.value=''};" onblur="if(this.value==''){this.value='Last Name'};"></div>
<div style="clear:left;"><input id="email" name="email" type="text" value="E-mail" class="callforminput" style="margin:6px 10px 0px 10px" onfocus="if(this.value=='E-mail'){this.value=''};" onblur="if(this.value==''){this.value='E-mail'};"></div>
<div><input id="phone" name="phone" type="text" value="Phone" class="callforminput" style="margin:6px 10px 0px 0px" onfocus="if(this.value=='Phone'){this.value=''};" onblur="if(this.value==''){this.value='Phone'};"></div>
</form>

Answer 1

听起来您已经回答了自己的问题。 确实确实听起来像跨域问题。 最好的解决方法是建议的修复程序。 发布到您自己的php脚本，该脚本发布到远程URL。 如果您尝试了此操作，但该方法不起作用，则可能是由于缺少套接字支持，selinux或防火墙问题或php安全模式设置或其他因素所致。 您应该尝试重新实现该方法，并收集有关它的所有数据，并提出与该部分有关的问题。

Answer 2

您的问题对我来说不是很清楚，但是，如果跨域Ajax遇到问题，我想使用jsonp应该可以帮到您

http://api.jquery.com/jQuery.getJSON/

寻找“ jsonp”

我假设您在这里收到json响应...