$.ajax not function(已解决:jQuery库冲突解决办法)

全栈程序员站长

发布于 2022-07-11 13:15:17

1.1K0

发布于 2022-07-11 13:15:17

文章被收录于专栏：全栈程序员必看

大家好，又见面了，我是全栈君。

js文件开头已的定义符号.导致后续,.ajax 错误,不能识别

参考:https://www.cnblogs.com/buwan/p/5346096.html

http://www.lovetime.top/2018/01/21/jQuery-clash-1/

得到灵感

文件开头自定的处:

const $ = (el) => document.querySelector(el);
$('.selectIpt').addEventListener('change', handleFiles);

function handleFiles() {
    const files = this.files;
    for (let i = 0, len = files.length; i < len; i++) {
        showFilePreview(files[i]);
    }
    //上传文件
    uploadfile();
}

修改前的:

<script>
    var btn = document.getElementById("processTask");
    btn.addEventListener('click',function(){
        var method = GetUrlPara();
        // console.log(method);
        // console.log(filename);
        $.ajax({
            type: 'POST',
            url: "/getfilename",
            data: {"filename":filename,"method":method},
            cache: false,
            processData: false,
            contentType: false,
            success: function (ret) {
                alert(ret);
            }
        });
    },false)
</script>

修改后的:

//提交文件名称,执行操作方法
function commitfilename() {
    jQuery.noConflict();
    var method = GetUrlPara();
    jQuery(document).ready(function(){
        jQuery("#processTask").text("文件上传中....！")
        jQuery.ajax({
            type: 'POST',
            url: "/ingetfilename",
            data: {"filename":filename,"method":method},
            dataType:"json",
            success: function (ret) {
                alert(ret);
            }
        });

    })
}

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/112040.html原文链接：https://javaforall.cn

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022年2月1，如有侵权请联系 cloudcommunity@tencent.com 删除

java