OOP ajax避免代码重复

时间:2013-12-08 11:06:47

标签: javascript php oop jquery

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

例如,我需要在用户交互时发送多个数据。对于上面的代码,例如,它是用于将数据插入后端的。但我还有其他操作,如更新和删除,以及许多其他领域。我打算使用上面的代码来重用它,但它不同于函数。我期待这样的事情:

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

可能?

1 个答案:

答案 0 :(得分: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");