相信很多人会喜欢封装ajax
而其中少不了一句 $jQuery = jQuery.noConflict();
可当你这么写项目有引入了jquery-weui时你就会发现 他们不能共存
其实解决办法也就是一个共存
用作用域将他们分隔开来
将发送ajax写写成一个方法 然后通过方法不会被外部变量影响且也不会影响外部变量的原理解决这个问题
在封装的ajax方法里一开头就写
let $jQuery = jQuery.noConflict();
let是关键 用最小作用域就大大减少了冲突的可能
参考代码如下
function ajaxGet(url, beforeFunction, successFunction, errorFunction) {
let $jQuery = jQuery.noConflict();
$.ajax({
type: "get",
url: url,
dataType: "json",
beforeSend: beforeFunction,
success: successFunction,
error: function () {
$.alert("操作异常,可能网络有问题或者服务器响应超时", "错误提示", function () {
if (!isNullEmptyUndefined(errorFunction))
errorFunction();
});
},
complete: function () {
}
});
}