Php 太多AJAX调用

我的代码太乱了。每次显示元素时，我都创建一个Ajax调用。我的桌子将有固定数量的80行。如何简化重复的AJAX调用

HTML

---

每个要显示的项目一个Ajax太多了。如何简化或删除这么多AJAX调用

您需要创建一个php页面，该页面将返回以下格式的JSON：

{
    description: 'descriptionvalue',
    perequisite: 'perequisitevalue',
    unit: 'unitvalue'
}

您将向它发送一个AJAX请求，如：

$("#111").change(function(){
    var subject_code = $(this).val();
    $.ajax({
        type: "POST",
        url: "server_side/yourpage.php",
        data: {subject_code: subject_code},
        success: function(result){
            for (var key in result) $("#" + key + "_111").html(result[key]);
        }
    });
});

您可以进一步完善此功能：

function myChange(idVal) {
    $("#" + idVal).change(function(){
        var subject_code = $(this).val();
        $.ajax({
            type: "POST",
            url: "server_side/yourpage.php",
            data: {subject_code: subject_code},
            success: function(result){
                for (var key in result) $("#" + key + "_" + idVal).html(result[key]);
            }
        });
    });
}

---

嗨，欢迎来到StackOverflow。难道你不能让你的PHP将全部内容加载到一个JSON结构中，通过一个Ajax调用获取，然后用Javascript填充你的表吗？他是对的，用一个响应，比如

{description:descriptionData，prerequisiteData，unit:unitData}

,，每个xxData都是您当前的每个api调用返回的数据，但是如果我使用{description:descriptionData，predition:prerequisiteData，unit:unitData}，我将如何附加到相应的span？@MandyShaw我不熟悉JSON，您可以留下一些片段让我看看吗？我可以，但是你最好从一本合适的教程或教科书中学习。你真的需要早一点知道，而不是晚一点。Wikipedia的文章只是一个开始，但真正关键的事实是JSON是Javascript的本机代码（因此得名），所以一旦你有了它，就可以轻松使用它。

$("#111").change(function(){
    var subject_code = $(this).val();
    $.ajax({
        type: "POST",
        url: "server_side/yourpage.php",
        data: {subject_code: subject_code},
        success: function(result){
            for (var key in result) $("#" + key + "_111").html(result[key]);
        }
    });
});

function myChange(idVal) {
    $("#" + idVal).change(function(){
        var subject_code = $(this).val();
        $.ajax({
            type: "POST",
            url: "server_side/yourpage.php",
            data: {subject_code: subject_code},
            success: function(result){
                for (var key in result) $("#" + key + "_" + idVal).html(result[key]);
            }
        });
    });
}