Javascript 使用Ajax响应在DIV中插入IFrame
我有一个网站,我需要我的用户能够作出付款,该网站有它自己的网页,其中分为3个部分。第一个用于选择支付方式(Visa卡、万事达卡等)。第二个是一个输入框,用户在其中输入要转账的金额,以及一个按钮,用于继续加载Moneybookers支付网关。在第三部分中,有一个空DIV等待加载,直到用户单击事务按钮。所以,一旦完成了,我就通过AJAX调用PHP。下面是AJAX函数的代码:Javascript 使用Ajax响应在DIV中插入IFrame,javascript,ajax,internet-explorer-8,Javascript,Ajax,Internet Explorer 8,我有一个网站,我需要我的用户能够作出付款,该网站有它自己的网页,其中分为3个部分。第一个用于选择支付方式(Visa卡、万事达卡等)。第二个是一个输入框,用户在其中输入要转账的金额,以及一个按钮,用于继续加载Moneybookers支付网关。在第三部分中,有一个空DIV等待加载,直到用户单击事务按钮。所以,一旦完成了,我就通过AJAX调用PHP。下面是AJAX函数的代码: var xml = null; try{ xml = new ActiveXObject(
var xml = null;
try{
xml = new ActiveXObject("Microsoft.XMLHTTP");
}catch(expeption){
xml = new XMLHttpRequest();
}xml.open("POST", "mb_connect.php", false);
xml.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xml.send("pay_to_email="+datos[3]+"&transaction_id="+datos[1]+
"&status_url="+datos[2]+
"&language="+lang+
"&pay_from_email="+datos[13]+
"&firstname="+datos[5]+
"&lastname="+datos[6]+
"&address="+datos[7]+
"&postal_code="+datos[8]+
"&city="+datos[9]+
"&state="+datos[10]+
"&country="+datos[11]+
"&date_of_birth="+datos[12]+
"&amount="+document.payment.cantidad.value+
"&payment_methods="+datos[4]);
$("#contenido").html(xml.responseText);
这个PHP叫做:
<?php header('Content-type: text/html; Charset=utf-8');
extract($_POST);
$status_url2 = 'mailto:payments@misite.com';
$return_url_target = 3;
$return_url = 'https://www.misite.com';
$cancel_url = 'https://www.misite.com';
?>
<iframe id="myiframe" name="myiframe" frameborder="no" style="height: 600px; width:735px;" scrolling = "auto">
</iframe>
<form name="oc" action="https://www.moneybookers.com/app/payment.pl" method="post" target="myiframe">
<input type="hidden" name="pay_to_email" value="<?= $pay_to_email ?>">
<input type="hidden" name="recipient_description" value="My SITE ltd">
<input type="hidden" name="transaction_id" value="<?= $transaction_id ?>">
<input type="hidden" name="status_url" value="<?= $status_url ?>">
<input type="hidden" name="status_url2" value="<?= $status_url2 ?>">
<input type="hidden" name="return_url_target" value="<?= $return_url_target ?>">
<input type="hidden" name="return_url" value="<?= $return_url ?>">
<input type="hidden" name="cancel_url" value="<?= $cancel_url ?>">
<input type="hidden" name="return_url_target" value="1">
<input type="hidden" name="cancel_url_target" value="1">
<input type="hidden" name="language" value="<?= $language ?>">
<input type="hidden" name="confirmation_note" value="">
<input type="hidden" name="pay_from_email" value="<?= $pay_from_email ?>">
<input type="hidden" name="title" value="">
<input type="hidden" name="firstname" value="<?= $firstname ?>">
<input type="hidden" name="lastname" value="<?= $lastname ?>">
<input type="hidden" name="address" value="<?= $address ?>">
<input type="hidden" name="postal_code" value="<?= $postal_code ?>">
<input type="hidden" name="city" value="<?= $city ?>">
<input type="hidden" name="state" value="<?= $state ?>">
<input type="hidden" name="country" value="<?= $country ?>">
<input type="hidden" name="date_of_birth" value="<?= $date_of_birth ?>">
<input type="hidden" name="amount" value="<?= $amount ?>">
<input type="hidden" name="currency" value="EUR">
<input type="hidden" name="rec_cycle" value="day">
<input type="hidden" name="payment_methods" value="<?= $payment_methods ?>">
<input type="hidden" name="submit_id" value="Submit">
</form>
<script language="JavaScript">document.oc.submit();</script>
除非您的原始页面加载到与moneybookers.com
相同的域中,否则IE会将此视为安全违规。可能在加载iFrame时更改document.domain
,这可能会缓解您的问题
这里有一篇关于这方面的好文章供进一步阅读
祝你好运。我曾经有过这个问题。事实证明,因为ajax请求的页面位于另一个域上,所以POST请求变成了选项请求,把事情搞砸了。(只需查看网络表。)