javascript - OOP ajax 避免代码重复

Question

            var ajaxquery= $.ajax({
                url: "backend.php",
                type: "POST",
                data: {data:data},
                dataType: "text"
            });

例如，我需要在用户交互时发送多个数据。对于上面的代码，例如，它用于将数据插入到后端。但我还有其他操作，如更新和删除，以及许多其他字段。我计划对上面的代码进行OOP以重用它，但它与函数不同。我期待这样的事情:

var insert = new ajaxquery(url,data,callback);
var delete = new ajaxquery(url,data,callback);

可能吗？

Answer 1

你可以使用闭包来实现这一点:

function ajaxQuery(url,callback) {
  return function(data) {
     return $.ajax({
                url: url,
                type: "POST",
                data: {data:data},
                dataType: "text",
                success: callback
            });
    }
  }
}
var insert = ajaxquery(url,callback);
insert("somedata");
insert("another data");
var deleteFn = ajaxquery(url2,callback2);
deleteFn("field");
deleteFn("another Field");