Ajax-Post数据在成功后再次发布

时间:2015-11-10 10:35:48

标签: javascript jquery ajax

所以我有一个小应用程序来检查对SEO有价值的域名的指标。我与API建立连接并处理它们以获取相关数据。

那里的一切都很好,我确实得到了我的数据,问题在于处理这些数据的Javascript main.js。

所以我的主要想法是我有一个与特定API调用相对应的选择输入,然后是粘贴链接的textarea。一切都很好,我设法使用ajax获取响应并构建与所选特定方法相对应的相关视图。

当ajax成功响应时,我获取数据,解析数据并进行相关的函数调用。构建页面时,我需要有一个小的选择框,使用户可以选择不同的方法,并检索相同链接的数据。成功之后,我构建了一个与主页上使用的相同选择相对应的输入。

我的问题是我如何再次发送数据?

所以,这是代码

$("#parseLink").on("click", function () {
    var textBox = $("#linkInput").val();
    var method = $("#select").val();
    var newTextBox = textBox.split("\n");
    var methodsList = {
        "Social Values": "GetValueSocialSpread",
        "Social Visibility": "SocialGetValueVisibility",
        "Organic Keyword Count": "GetCountDomainKeyword",
        "Seo Visibility": "SeoVisibilityWorld"
    };
    var selectedApi = methodsList[method];
    var dataToSend = {
        url: newTextBox,
        api: selectedApi
    }
    $("#container").replaceWith("<div class='containter text-center'><h1>Loading...</h1><i class='fa fa-spinner fa-pulse fa-5x'></i></div>");

    function mainFunc() {
        $.ajax({
            type: "POST",
            url: "../parser.php",
            data: {
                data: JSON.stringify(dataToSend)
            },
            success: function (response) {
                //remove loading
                $("div.text-center").remove();
                $("div.main_holder").append("<div class='container'><div class='row'><div class='pull-right'><button id='export' type='button' class='btn btn-info'>Export</button></div></div></div>");

                $("div.main_holder").append("<div class='container'><div class='row'><select class='form-control' id='select'><option>Social Values</option><option>Social Visibility</option><option>Organic Keyword Count</option><option>Seo Visibility</option></select></div></div>");

                var result = JSON.parse(response);
                var jsonObject = result;
                urlArray = [];

                $.each(result, function (k, v) {
                    urlArray.push(k);
                });
                if (method === "Social Values") {
                    socialValues(result, urlArray);
                } else if (method === "Social Visibility") {
                    socialVisibility(result, urlArray);
                } else if (method === "Organic Keyword Count") {
                    organicKeyWordCount(result, urlArray);
                } else if (method === "Seo Visibility") {
                    seoVisibility(result, urlArray);
                }
            }
        });
    }
});

我尝试再次调用ajax函数,而不是工作......它可能有一个简单的解决方案(希望如此)

我愿意接受建议!如果您需要更详细的解释,请告诉我!整夜都这样做:))

0 个答案:

没有答案