Question

我正在尝试使用以下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>

Answer 1

您通过XHR发布到其他域。由于same origin policy，您无法做到这一点。

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

您现在正在这样做，Google正在返回405 Method Not Allowed，这可能会因多种原因而退回。

跨域jQuery弹出POST

1 个答案: