使用Ajax响应在DIV中插入IFrame

时间:2011-01-16 03:36:47

标签: javascript ajax internet-explorer-8

我有一个网站,我需要我的用户能够付款,而网络有自己的页面,分为3个部分。第一个是选择付款方式(Visa,万事达卡等),第二个是用户输入转账金额的输入框和继续加载Moneybookers支付网关的按钮。好吧,在第三部分中有一个空的DIV等待加载,直到用户点击交易按钮。所以,一旦完成,我通过AJAX调用PHP。 AJAX函数的代码是下一个:

    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支付网关并返回插入IFRAME的HTML代码。

嗯,除了Internet Explorer之外,所有这些过程都适用于所有浏览器。没有错误,DIV是空的。

有谁知道这可能是什么错误?

我将不胜感激。

感谢。

2 个答案:

答案 0 :(得分:0)

除非您的原始网页与moneybookers.com在同一个域中加载,否则IE会将此视为安全违规。可能在您加载iFrame时更改了document.domain,这可能会缓解您的问题。

这是一篇关于cross-domain communication with iFrames的好文章,供进一步阅读。

祝你好运。

答案 1 :(得分:0)

我曾经遇到过这个问题。事实证明,因为ajax请求页面在另一个域上,POST请求变为OPTION请求并搞砸了​​。 (只需检查网表。)