在表单提交时发送和获取的AJAX脚本

时间:2013-11-25 15:26:16

标签: ajax post get

我正在开展一个项目,我试图在一台服务器上将表单提交发布到数据库,然后执行GET操作,将用户发送到另一个预先填充购物车的站点。我已经检查过,POST和GET功能在隔离时工作正常,但显然你不能在标准表单上同时执行G​​ET和POST。在这里研究我发现了一个AJAX的例子,但我过去做过很少的AJAX,下面是我到目前为止所做的,但它现在不能正常工作,我没有和AJAX结婚,如果这可以通过javascript或php没关系,任何建议都会很棒,谢谢!

<script>
$(function() {
    $("#fooform").on("submit", function(e) {
        $("#foobtnid").attr("style", "display: none;cursor: default");

        if ($("#foobtnid[type!='image']"))
        {
            $("#foobtnid").attr("style", "display: none;cursor: default;background-color: #B4B4B4");
            $("#waiting").text("Please wait...");
        }

        var data = $("#fooform :input").serialize();

        $.ajax({
            type: "POST", 
            url: "https://www.foositeone.com", 
            data: data, 
            success: function(jqXHR, exception) {
                alert(jqXHR.responseText);
            }, 
            error: function (jqXHR, ajaxOptions, thrownError) {
                alert(jqXHR.responseText);
            }
        });

        $.ajax({
            type: "GET", 
            url: "https://www.foositewithpurchasepage.com", 
            data: data, 
            success: function(jqXHR, exception) {
                alert(jqXHR.responseText);
            }, 
            error: function (jqXHR, ajaxOptions, thrownError) {
                alert(jqXHR.responseText);
            }
        });


        return false;
    });
});
</script>

1 个答案:

答案 0 :(得分:0)

我发现脚本实际上正在工作,因为我要跨服务器存在安全问题(见下文),我最终在商店系统中创建了一个带有一些直接添加到购物车的工作链接 - 然后使用一些javascript来隐藏/显示某些添加到购物车功能。

    XMLHttpRequest cannot load http://foostoreurl. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://foolandingpage' is therefore not allowed access.