Javascript 声明一个Ajax函数并用不同的变量填充它

我正试图通过使用一个单独的“.js”文件并尝试只声明一次multilple使用的函数来提高我的页面的效率。所以我必须声明，它们可以用于不同的情况。例如，传递不同的数据

下面是我在“functions.js”文件中的Ajax函数：

以下是我在PHP文件中使用此函数并传递参数的代码：

CallAjax('POST', 'about.php', '{ aufid : id }', '#con2');

我的问题是“数据”部分。我怎样申报？我这样做是行不通的

我不想每次需要不同的数据时都使用新的Ajax函数。。。我正在尽可能少地触发函数

---

如果您有任何技巧可以通过尝试使用更少的代码来提高页面的效率，那么如果您也提到它们，那将是非常棒的！谢谢大家!

您可以这样做：

var obj = {
aufid: 1
};

CallAjax('POST', 'about.php', obj, '#con2');

---

您可以这样做：

var obj = {
aufid: 1
};

CallAjax('POST', 'about.php', obj, '#con2');

我建议：

function CallAjax(type, url, data, div){
  $.ajax({
    type: type,
    url: url,
    data: data,
    success: function (data) {
        callback(data);
    }
  });
}

var obj = {
    id:1
};

CallAjax('POST', 'about.php', obj, function(response){
    $(div).html(response);  //or other
});

或者以更优雅的方式：

：）

我建议：

function CallAjax(type, url, data, div){
  $.ajax({
    type: type,
    url: url,
    data: data,
    success: function (data) {
        callback(data);
    }
  });
}

var obj = {
    id:1
};

CallAjax('POST', 'about.php', obj, function(response){
    $(div).html(response);  //or other
});

或者以更优雅的方式：

---

：）

你传递了一个字符串，但对象期望你传递了一个字符串，但对象期望你传递了一个字符串，但对象期望你用面向对象的方式实现它的最佳方式是什么？所以我可以创建新对象，但使用相同的AjaxCall函数？有什么好的来源可以更好地理解这一点吗？用面向对象的方式制作它的最佳方式是什么？所以我可以创建新对象，但使用相同的AjaxCall函数？有什么好的消息来源可以更好地理解这一点吗？