JS文件中如何调用外部JS文件

JavaScript014

JS文件中如何调用外部JS文件,第1张

1、创建一个文件夹,这个文件夹有一个js文件夹和一个html文件。js文件夹用来存放需要引入的js文件。

2、打开html文件,在html文件上找到<body>,在<body>标签里创建一个按钮标签,然后给这个标签添加一个点击addJs事件。

3、在js文件夹下创建一个js文件为addJs.js。

4、在addJs.js文件上输入一个alert弹出框并保存,当引入js文件成功就会执行alert弹出框。

5、回到html文件,在按钮输入框后面创建一个script标签,然后添加用来引入addJs.js文件的addJs事件。

6、保存html文件后使用浏览器打开,点击按钮即可看到出现一个弹出,表示引入js文件成功。

// ajax上传文件

$('.submit').click(function(){

    $("#form").submit(function(e){

        e.preventDefault()

    })

    var formData = new FormData()

    formData.append("file",$("#upfile").get(0).files[0])

    formData.append("type",$('.sectionC input[name="type"]:checked').val())

    $.ajax({

        type: "POST", 

        url: url,

        data: formData, //发送数据

        async: true, // 异步

        processData: false,

        contentType: false,

        error:function(jqXHR, textStatus, errorThrown){

            var error = textStatus + ' ' + jqXHR.status + ' ' + jqXHR.statusText

            if(jqXHR.status == 0){

                error = '请求无响应,请重试!'

            }

            alert(error)

        },

        success:function(e){

            if(e){

                var s = $.parseJSON(e)

                if(s.code == -1){

                    alert(s.msg)

                }else{

                    alert(s.msg)

                    window.location.reload()

                }

            }

        }

    })

})

Node.js 文档建议使用 fs 模块并自己完成读取文件和解析的工作。

这种方法比起我们接下来用的第二种方法更容易理解。

我们还可以使用 createRequire 加载 JSON 文件。

createRequire 允许您构造 CommonJS require 方法,以便可以使用典型的 CommonJS 功能,例如在 Node.js 中读取 JSON ES 模块。

前两种的区别:

JSON 模块已经存在于 Chrome 91,它看起来就像一个 ES Modules 风格的导入,只是你在最后设置了类型。

当 Chrome 中有解决方案时,它很快就会在 Node.js 中发布。