Javascript 从JSON获取id，并在单击时将其传递给ajax调用 var maker=新函数（）{ 计数=1； this.load=函数（）{ console.log（计数+jdlksa） $.ajax({ “异步”：true， 方法：“获取”， “全局”：错误， 'url'：'{/literal}{$siteconfig->skin_url}数据/searchList'+count+'.json{literal}'， “数据类型”：“json”， “完成”：函数（xhr，状态）{ //console.log（xhr.responseText）； var makers=$.parseJSON（xhr.responseText）； //控制台.日志（制造商）； var makersContainer=$（“#搜索数据”）； 美元。每个（制造商、功能（i）{ //console.log（this.name）； if（this.type==='university'）{ $（''+this.name+''+this.Location+''+this.Courses+'）.appendTo（MakerContainer）； } 否则{ $（''+this.name+''+this.Location+''+this.Courses+'）.appendTo（MakerContainer）。单击（函数（）{ maker.loadCourses（this.id）； }); } 如果（i==4）{ 返回false； } }); //$（'View More'）.appendTo（makersContainer）。单击（maker.loadAll）； } }); }; this.loadAll=函数（）{ 计数=计数+1； 控制台日志（计数）； maker.load（）； }; this.loadCourses=函数（id）{ console.log（id）； $.ajax({ “异步”：true， 方法：“获取”， “全局”：错误， “url”：“{/literal}{$siteconfig->skin_url}data/courseList.json{literal}”， “数据类型”：“json”， “成功”：函数（数据）{ console.log（data.courseDetails[0].name）； //var courses=$.parseJSON（data.courseDetails）； //console.log（“coursejson”+课程）； /*var coursecontainer=$（“#搜索数据”）； $。每个（课程、功能（i）{ if（data.courseDetails[i].name==“旁遮普学院”） //$（''+this.Courses+''+this.details+'）.appendTo（courseContainer）； { } });*/ } }); }; };

我在加载函数中得到一个JSON，并通过它生成HTML。当我点击一个带有“college”类的div时，另一个ajax调用启动。现在，在这次单击中，我想从JSON中获取id，并在单击时在另一个ajax调用中将其传递给

---

任何类型的帮助和建议都会非常有用。

构建html时，在按钮上添加id作为数据属性。后者当您单击按钮从单击的按钮中获取数据属性时，如果不使用

success

，则不推荐使用该按钮。使用

.done

。执行此操作时是否有任何错误？@YeldarKurmangaliyev

$.ajax（{}）.success（function（）{}）

已被弃用，但

$.ajax（{'success'：function（）{}）

未被弃用。谢谢@bleeted0d

var maker = new function () {
        count = 1;
        this.load = function () {
            console.log(count + "jdlksa")
            $.ajax({
                'async': true,
                method: "GET",
                'global': false,
                'url': '{/literal}{$siteconfig->skin_url}data/searchList' + count + '.json{literal}',
                'dataType': 'json',
                'complete': function (xhr, status) {
                    //console.log(xhr.responseText);
                    var makers = $.parseJSON(xhr.responseText);
                    //console.log(makers);
                    var makersContainer = $("#search-data");
                    $.each(makers, function (i) {
                        //console.log(this.name);
                        if (this.type === 'university') {
                            $('<div class="col-md-12 search-content"><h2 class="tab-head">' + this.name + '</h2><hr><p class="tab-content">' + this.Location + '<br/>' + this.Courses + '</p></div>').appendTo(makersContainer);
                        }
                        else {
                            $('<div class="col-md-6 college" ><div class="search-content "><h2 class="tab-head">' + this.name + '</h2><hr><p class="tab-content">' + this.Location + '<br/>' + this.Courses + '</p></div></div>').appendTo(makersContainer).click(function() {
 maker.loadCourses(this.id);
});
                        }
                        if (i === 4) {
                            return false;
                        }

                    });
                    //$('<div class="col-md-12"><button class="btn my-btn center-block" style="background-color:#888888; color:#fff;border:1px solid;">View More</button></div>').appendTo(makersContainer).click(maker.loadAll);
                }
            });
        };

        this.loadAll = function () {
            count = count + 1;
            console.log(count);
            maker.load();
        };

        this.loadCourses = function (id) {
            console.log(id);
            $.ajax({
                'async': true,
                method: "GET",
                'global': false,
                'url': '{/literal}{$siteconfig->skin_url}data/courseList.json{literal}',
                'dataType': 'json',
                'success': function (data) {
                    console.log(data.courseDetails[0].name);
                    //var courses = $.parseJSON(data.courseDetails);
                    //console.log("cousrseJSON"+courses);
                    /*var coursesContainer = $("#search-data");
                    $.each(courses, function (i) {
                        if(data.courseDetails[i].name === "Punjab college")
                            //$('<div class="col-sm-3"><div class="search-content"><h2 class="tab-head">' +this.Courses+ '</h2><hr><p class="tab-content">' + this.details +' </p></div></div>').appendTo(coursesContainer);
                            {

                            }
                    });*/

                }
            });
        };

    };