我有一个页面,该页面通过角度$ http.post(..)将数据发布到ASPNET MVC页面,当调用完成时,我必须提交一个表单。
基本上,我执行以下操作:
<html ng-app>
<body data-ng-controller="testController">
<form id="Checkpay" name="Checkpay" style="margin: 0" method="post" action="https://www.sandbox.paypal.com/cgi-bin/webscr" target="_blank" class="ng-pristine ng-valid">
<input type="hidden" name="quantita" id="qtytext" value="0">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="item_name" value="Le Spose di Nika">
<input type="hidden" name="business" value="[email protected]">
<input type="hidden" name="currency_code" value="EUR">
<input type="hidden" name="cancel_return" id="cancel_return" value="">
<input type="hidden" name="return" id="return" value="">
<input type="hidden" name="no_shipping" value="1">
<input type="hidden" id="H_amount" name="amount" value="719.80">
<input type="hidden" id="H_first_name" name="first_name">
<input type="hidden" id="H_address1" name="address1">
<input type="hidden" id="H_city" name="city">
<input type="hidden" id="H_state" name="state">
<input type="hidden" id="H_zip" name="zip">
<input type="hidden" id="H_email" name="email">
<input type="hidden" id="Country" name="country">
<input type="hidden" id="charset" name="charset" value="utf8">
<input type="hidden" id="rm" name="rm" value="2">
<input type="hidden" id="notify_url" name="notify_url" value="">
<input id="Submit1" type="submit" value="submit_post" />
</form>
<input id="Submit2" type="button" data-ng-click='pay()' value="js_post" />
</body>
</html>
<script src="http://localhost:27433/Scripts/jquery-1.7.1.min.js"></script>
<script src="http://localhost:27433/Scripts/jquery-ui-1.8.20.min.js"></script>
<script src="http://localhost:27433/Scripts/angular.js"></script>
<script>
function test() {
}
function testController($scope, $http) {
var URL = "http://backend.MYSITE.com/";
$scope.payTest = function () {
var PAYPAL_URL_RELEASE = "https://www.paypal.com/cgi-bin/webscr";
var PAYPAL_URL_SANDBOX = "https://www.sandbox.paypal.com/cgi-bin/webscr";
$('#cancel_return').val(URL + '/ErrorPay');
$('#return').val(URL + '/Success');
$('#notify_url').val(URL + '/PayPalReceiverIPN.ashx?idOrder=');
document.forms["Checkpay"].action = PAYPAL_URL_RELEASE;
document.forms["Checkpay"].submit();
console.log('paytest is executed!');
}
$scope.pay = function () {
////$.post( URL + "/Order/Create", JSON.stringify({ newOrder: 1 }))
//// .success(function (datdata, status, headers, configa) {
//// console.log(' $.post success');
//// $scope.payTest();
//// }).error(function (data, status, headers, config) {
//// console.log(' $.post failure');
//// });
$http.post(
URL + "/Order/Create", JSON.stringify({ newOrder: 1 })
).success(function (datdata, status, headers, configa) {
console.log('http success');
$scope.payTest();
}).error(function (data, status, headers, config) {
console.log('http failure');
});
}
}
</script>
当我做document.forms [“ Checkpay”]。submit(); 我想将页面重定向到表单的属性操作中,而不是弹出页面以进行重定向。
我试图将函数payTest()移出“成功”,然后工作了,然后我认为问题是对象$ http(或ajax)如何处理“成功”委托。
问题是:在调用$ http.post(....)finish时,是否仍要进行页面重定向?
谢谢
好的,问题的答案和解释在这里在新窗口中打开页面,没有弹出窗口阻止
问题:当我执行form.submit()时,我得到一个弹出窗口,而不是在浏览器上获得一个新标签页
原因:我已经将其替换为ajax调用的成功委托,这意味着用户没有开始esplicitilly提交,因此,如果BLOCK处于ON位置,浏览器将弹出并响应弹出式窗口
解决方案:我们可以通过两种方法解决这种情况:1)设置target =“ _ self”,但是我们将获得提交到父页面的响应2)在ajax调用中使用aa syncne标志。注意,似乎$ http使用硬编码标志使用了异步请求
回答所有的问题
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句