缩小 ajax 对相同调用模式的请求

Question

由于内存和时间问题，大家好只是想缩小此代码我只是想缩小它，因为 ajax

调用了相同的模式

我正在使用 ajax 函数在 css class 中获取我的内容 请看下面我的代码及其模式

        $("#poto").click(function (e) {
$("#loadimg").show(); 
jQuery.ajax({ url: "photos.php", 
         cache: true,
            success:function(response){
                $(".homefeed").html(response);
                  $("#elementcontainer").show();
                $("#loadimg").hide(); 
            },
            });return false;
    });


            $("#mkt").click(function (e) {
$("#loadimg").show(); 
jQuery.ajax({ url: "newm.php", 
         cache: true,
            success:function(response){
                $(".homefeed").html(response);
                  $("#elementcontainer").hide();
                $("#loadimg").hide(); 
            },
            });return false;
    });

        $("#invite").click(function (e) {
$("#loadimg").show(); 
jQuery.ajax({ url: "invite/index.php", 
         cache: true,
            success:function(response){
                $(".homefeed").html(response);
                $("#loadimg").hide(); 
            },
            });return false;
    });

......这样重复10次

有什么方法可以缩小它，因为加载 .homefeed 中的内容需要花费太多时间 class 并且占用了很多字节 /

有什么办法可以实现吗？谢谢

Answer 1

声明一个将处理 ajax 请求和成功响应的新函数：

function ajaxLoadImage(url, showElementContainer) {
    $("#loadimg").show(); 
    jQuery.ajax({ 'url': url, 
        cache: true,
        success: function(response){
            if(showElementContainer) {
                $("#elementcontainer").show();
            }
            $(".homefeed").html(response);
            $("#loadimg").hide(); 
        },
    });
    return false;
}

然后当你绑定点击事件时，只需要：

$("#poto").click(function (e) { 
    ajaxLoadImage("photos.php", true);
});

缩小 ajax 对相同调用模式的请求

minify ajax request for same pattern of call

javascript

ajax

jquery