javascript - 使用单独的 Javascript 函数提交隐藏的 PayPal 表单

Question

我需要在 Javascript 函数中包含对 PayPal 的调用。我希望在执行 myStep1 和 myStep2 之前调用 PayPal。

函数如下:

function() {    
    // need call to PayPal here, before myStep1 and myStep2 
    $.when.apply(undefined, myStep1()).done(function () {
    $.ajax({
        url: sURL + "myController/myStep2",
        success: function() {  
                $.msg("Success Message", live:10000
                });
            },
        error: function(){
                $.msg("Error Message", live:10000
                });
            }
        }); 
    });
};

下面是 PayPal 表单，它需要不可见并由上述 Javascript 函数以某种方式提交:

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
  <input type="hidden" name="cmd" value="_s-xclick">
  <input type="hidden" name="hosted_button_id" value="123456789">
  <input type="image"
      src="https://www.paypalobjects.com/en_US/i/btn/btn_paynow_SM.gif"
      border="0" name="submit"
      alt="PayPal - The safer, easier way to pay online!">
  <img alt="" border="0"
      src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1"
      height="1">
</form>

关于如何最好地将此 PayPal 表单提交实现到 Javascript 函数中的任何想法？我想我可能想做的是模拟点击 PayPal 按钮。谢谢。

Answer 1

paypal 按钮是 iFrame 项目。

首先，你不能通过跨浏览器成功的JS函数调用提交。其次，您不能影响 iFrame 的 JS 行为。您只能影响包含 iFrame 的页面的操作。这是 iFrame 的本质。

您正在有效地尝试通过客户端脚本控制另一个站点上另一个页面的操作。