怎样引用另一个js文件中写好的函数

最新推荐文章于 2023-12-01 16:31:32 发布

web班张耕

最新推荐文章于 2023-12-01 16:31:32 发布

阅读量810

点赞数

文章标签： javascript java html

本文链接：https://blog.youkuaiyun.com/qq_55278081/article/details/130645802

版权

文章展示了如何在JavaScript中创建一个名为subForm的函数，该函数使用axios库执行GET请求。这个函数被导出以便在浏览器或Node.js环境中使用。在Vue组件中，当提交表单时调用此函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

index.js

function subForm(){
    return $axios({
        'url': '/employee/testget',
        'method': 'get'
    })
}

// 在浏览器环境中使用
window.myModule = {
    subForm:subForm
};
// // 或者在Node.js环境中使用
// exports.myModule = {
//     subForm:subForm
// };

index.html

//1.引入index.js文件
<script src="../js/request.js"></script>
//2.vue中使用
<script>
new Vue({
    el: '#app',
    data() {
        return {
            form: {
                name: '',
                region: '',
                date1: '',
                date2: '',
                delivery: false,
                type: [],
                resource: '',
                desc: ''
            }
        }
    },
    methods: {
        onSubmit() {
            console.log('submit!');
            //浏览器环境下这样调用
            myModule.subForm();
            //node.js环境下这样调用
            const myModule = require('../js/request.js');
            myModule.subForm();
            console.log('submit!');
        },
    }
})
</script>