Javascript Ajax成功后再次发布数据

Javascript Ajax成功后再次发布数据,javascript,jquery,ajax,Javascript,Jquery,Ajax,所以我有一个小应用程序,它可以检查对SEO有价值的域的指标。我与API建立连接,并对其进行处理以获取相关数据 这里的一切都很好,我也确实得到了我的数据,问题在于处理这些数据的Javascript main.js 所以我的主要想法是,我有一个对应于特定API调用的选择输入,然后是一个粘贴链接的文本区域。所有这些都很好,我使用ajax获得了响应,并构建了与所选特定方法相对应的相关视图 当ajax成功响应时,我获取数据,解析数据并进行相关的函数调用。当页面建立时,我需要在顶部有一个小的选择框,使用户可

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

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

所以我的主要想法是,我有一个对应于特定API调用的选择输入,然后是一个粘贴链接的文本区域。所有这些都很好,我使用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);
                }
            }
        });
    }
});
$(“#解析链接”)。在(“单击”,函数(){
var textBox=$(“#linkInput”).val();
var方法=$(“#选择”).val();
var newTextBox=textBox.split(“\n”);
var方法列表={
“社会价值”:“GetValueSocialSpread”,
“社会可见度”:“社会价值可见度”,
“有机关键字计数”:“GetCountDomainKeyword”,
“Seo可见性”:“SEOvibilityWorld”
};
var selectedApi=methodsList[method];
var dataToSend={
url:newTextBox,
api:selectedApi
}
$(“#容器”)。替换为(“装载…”);
函数mainFunc(){
$.ajax({
类型:“POST”,
url:“../parser.php”,
数据:{
数据:JSON.stringify(dataToSend)
},
成功:功能(响应){
//卸荷
$(“div.text-center”).remove();
美元(“主要持有人”)。追加(“出口”);
$(“div.main_holder”)。附加(“社会价值社会知名度有机关键字CountSeo知名度”);
var result=JSON.parse(响应);
var jsonObject=结果;
URLARY=[];
$。每个(结果、函数(k、v){
urlArray.push(k);
});
如果(方法==“社会价值”){
社会价值(结果,URLARY);
}else if(方法==“社会可见性”){
社会可视性(结果,URLARY);
}else if(方法==“有机关键字计数”){
关键词计数(结果,URLARY);
}else if(方法==“Seo可见性”){
seovibility(结果,URL数组);
}
}
});
}
});
我尝试再次调用ajax函数,但不起作用。。。它可能有一个简单的解决方案(希望如此)


我愿意接受建议!如果你需要更详细的解释,请告诉我!整晚都在做:)

你怎么又试着给阿贾克斯打电话了?天哪,那是我以前的版本对不起!!!!所以我在创建mainFunc()之后调用它,并添加和事件侦听器来选择
$(document)你是如何再次尝试调用ajax的?天哪,那是我的旧版本抱歉!!!!所以我在创建mainFunc()之后调用它,并添加和事件侦听器来选择
$(document)