JavaScript Ajax是Web开发中常用的技术之一，通过异步的方式向服务器发送请求和获取数据，实现了实时更新的效果从而增强了用户体验。但是，在实际应用中，我们经常会用到相同的Ajax操作，如果每次都重复编写相同的代码，将会浪费很多时间和精力。

因此，针对JavaScript Ajax的封装就显得尤为重要。封装可以提高代码的复用性，降低代码的维护成本并提高代码的可读性和可维护性。下面，我们来一起看看如何通过JavaScript Ajax进行封装。

首先，我们可以使用原生JavaScript来进行封装，如下所示：

<script>
function ajax(method, url, data, success) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
success(xhr.responseText);
}
}
}
xhr.open(method, url, true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send(data);
}
ajax("POST", "handle.php", "name=John&age=22", function(data) {
console.log(data);
});
</script>

在这个封装中，我们定义了一个名为“ajax”的函数，该函数接收四个参数，依次为HTTP请求方法、请求URL、请求参数和请求成功后的回调函数。然后我们实例化一个XMLHttpRequest对象，当请求状态发生改变时，如果状态码为4且状态为200，就调用回调函数，并将响应数据传入回调函数处理。最后，通过open方法打开请求，设置请求头部信息，将请求参数传入，开始发送请求。

还可以使用jQuery进行AJAX封装，如下所示：

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script>
$.ajax({
type: "POST",
url: "handle.php",
data: {
name: "John",
age: 22
},
success: function(data) {
console.log(data);
},
dataType: "json"
});
</script>

jQuery的ajax方法可以接受一个参数对象，包括type、url、data、success、dataType等属性。通过这些属性可以完成Ajax的请求和回调，同时能够设置请求参数的编码方式、检查响应数据格式等细节操作。

以上就是两种常见的JavaScript Ajax封装方式，通过封装可以减少代码的重复，提高代码的可读性和可维护性，同时也可以通过自己的方式来实现JS Ajax的封装。