跨域 jQuery 弹出 POST答案

【问题标题】：Cross Domain jQuery Popup POST跨域 jQuery 弹出 POST
【发布时间】：2011-07-06 22:45:37
【问题描述】：

我正在尝试使用以下 jQuery 弹出窗口进行跨域 POST。 IE 在 jquery.min.js 的第 19 行给了我拒绝的权限。请注意，我在 www.mysite.com 上运行了以下脚本，例如，我正在尝试将数据发布到 www.google.com。从而制作跨域帖子。我认为这就是 IE 拒绝我的原因。我知道应该有一个解决方案来创建一个隐藏的 iframe，但我不知道如何在我的代码中实现它。一些例子将不胜感激。提前致谢！

<html>
<head>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/smoothness/jquery-ui.css" type="text/css" />
<style type="text/css">
#register { display: none; }
.ui-dialog { font-size: 10px; }
.ui-dialog .ui-dialog-titlebar-close { visibility: hidden; }
</style>
</head>
<body>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
<script type="text/javascript">

function loadpopup(){

function Init() 
{
jQuery('#register').dialog({ width: 400, resizable: false, buttons: { "Continue": function() {
        if (jQuery("#email").val().length < 3) 
        {
            alert('Please enter your email address to continue.');
            jQuery("#email").focus();
        }
        else 
        {
            jQuery("#email_2").val(jQuery("#email").val());
            $.post("http://google.com/register.php", $("form[name='registerform']").serialize());
            jQuery('#register').dialog('close')}
    } 
}, closeOnEscape: false, modal: true, show: 'slide' });
}
jQuery(document).ready(Init);
}

loadpopup();

</script>
<div id="register">
<form>
<center>
<table><tbody>
<tr><td align="center" style="text-align: center; font-size: 10px; background: #FFFFFF;">
<br><h3>Register</h3>
  </td></tr>
<tr><td align="left" style="text-align: justify; font-size: 11px; background: #FFFFFF;">
Please enter your email address to continue.</br></br>
  </td></tr>
</tbody></table></center>
<center>
<div>
    <table>
        <tbody>
            <tr><td align="left" style="font-size: 12px; background: #FFFFFF;"><b>Email:</b></td><td align="left" style="background: #FFFFFF; font-size: 11px;"><input type="text" id="email" name="email" maxlength="26"/></td></tr>
        </tbody>
    </table>
</div>
</form>
</center>
</div>
<form name="registerform" action="http://google.com/register.php" method="post">
<input type="hidden" name="email_2" id="email_2" />
</form>
</body>
</html>

【问题讨论】：

标签： javascript jquery ajax post cross-domain

【解决方案1】：

您正在通过 XHR 发布到不同的域。因为same origin policy，你不能这样做。

相反，构建表单，然后在其上调用submit()。

按照您现在的方式，Google 正在返回 405 Method Not Allowed，这可能出于多种原因而返回。

【讨论】：

我不会在谷歌上发帖。接收 POST 请求的域在我的控制之下。我不能让我的服务器接受它吗？我意识到我无法获得任何返回数据，但它只需要 POST 就可以了。我知道可以使用 iframe 绕过相同的来源策略，但我不知道如何去做。
这就是为什么我说并引用“例如，我正在尝试将数据发布到 www.google.com...”
我的意思是表明帖子必须跨域发生。