jQuery-ajax和node模块化

首先 <script src="https://code.jquery.com/jquery-3.6.0.js"></script>

jQuery封装的ajax-get请求

ery封装的ajax-get请求

        function login() {

            $.get('http://192.168.213.77:5000/login?username=张三&password=123', function (data, state, xhr) {

                console.log(data, state, xhr);  //回调的三个参数分别是响应数据，响应状态，请求创建的xhr对象 后面两个参数可以省略

            })

            // jquery中可以把ajax请求参数单独提出来，作为get()函数的第二个参数,以对象的形式处理

        }

function login(){

$.get('http://192.168.213.77:5000/login')

{

username：‘张三’，

password：123

}，

function（data）{

console.log(data)

}

}

注册

function register(){

            $.post("http://192.168.213.77:5000/register", {

                username: "备胎3号",

                password: "110"

            }, function(data){

                console.log(data)

            })

        }

node模块化：

node模块化: 在node环境下导入的外部js文件,统称为模块, 我们会把用到的一个个功能封装到一个个js文件中,使用时导入进来, 这种用法叫模块化  

node中把模块分为三大类

// 1, node内置模块: 无需创建,下载, 直接引入即可使用

var fs = require("fs")

console.log(fs)

// 2, 第三方模块: 从模块商店下载的模块, 如使用npm install jquery指令下载jqeury模块  默认位于node_modules文件夹内  第一次下载模块时会自动创建此文件夹

var $ = require("jquery")

console.log($)

// 3, 自定义模块: 我们开发过程中自己封装的模块,自己在本地创建的js文件

var data = require("./4,myModule")

console.log(data.count, data.add(3,4), data.obj.name)

// 注意: 内置模块和第三方模块导入时不用写路径, 自定义模块导入需要写路径(除非在node_modules中定义模块)

require("5,myModule")

// mode模块化导入同一个模块多次, 这个模块只会执行一次

require("./4,myModule")

require("./4,myModule")

require("./4,myModule")

// console.log(age) // unfefined

// node模块化导入js文件 和 前端script标签导入js文件的区别

// 1, node多次导入同一个模块,只会执行一次, script每次导入都会执行

// 2, node模块化会把每一个模块作用域隔离, 不同模块的作用域相互隔离,互补干涉, 各个模块之间使用导出(module.exports)和导入(require)语法进行数据交流  script导入的所有js文件共享同一个全局作用域, 所以需要注意导入先后顺序问题和变量名冲突问题

// 总结: 1, 模块化导入导出,  2, 三种模块类型   3, 前后端导入的区别