jQuery发送请求 node npm相关

get请求

 

 $.get() - 发送get请求

// 参数1：请求地址 - 必填项
// 参数2：请求主体 - 可选项
// 请求主体可以是字符串，可以是对象
// 参数3：成功的回调函数 - 可选项
// 参数4：希望返回的数据格式 - text/json - 默认自动识别数据
$.get('http://localhost:8888/test/third',{
    name:"张三",
    age:12
},function(res){
    console.log(res);
})

post请求

$.post() - post请求

$.post('http://localhost:8888/test/fourth',{
    name:"张三",
    age:12
},res=>{
    console.log(res);
},'text')

ajax请求

$.ajax() - 既可以发get请求，也可以发post请求，还可以发jsonp请求

$.ajax({
    url:'http://localhost:8888/test/fourth',
    // method:'get',
    // 请求方式 - method/type
    type: 'post',
    data:'name=张三&age=12',
    dataType:'json',
    success:function(res){
        console.log(this);
        console.log(res);
    },
    // 参数1：ajax对象
    // 参数2：错误描述
    // 参数3：具体的错误信息
    error:(xhr, err, msg)=>{
        console.log(err);
        console.log(msg);
        console.log(xhr);
    },
    timeout: 1, // 规定必须在指定时间内完成这次请求，完不成就网关超时
    context: $('body'), // 改this
    cache: false // 是否缓存
})

jsonp请求

$.ajax({
    url:'http://search.jumei.com/ajax_get_assoc_word',
    data:{
        search: 'js',
        container: 'top_out_search_pop_div',
        callback: 'jQuery111207226215531963618_1631843362927',
        _: +new Date()
    },
    dataType:'jsonp', // 当发送jsonp请求的时候，dataType是必填项，且值必须是jsonp
    success:res=>{
        console.log(res);
    },
    jsonpCallback: 'searchCallback' // 目标地址中需要调用的函数名称，必须放在jsonpCallback键中
})

全局ajax函数

  node

nodejs - 是安装的一个软件，软件是用来运行js代码的

浏览器之所以能运行js代码，是因为其中有一个js引擎，专门用来识别js代码

nodejs-是将浏览器中js引擎，拿出来了，做了个软件 - 发现js代码就可以在这个软件中运行了 

nodejs其实就是js的一个运行环境，让js代码可以脱离浏览器运行了

脱离浏览器之后，就没有window和document - 无法运行BOM和DOM了

在nodejs中就只能运行ECMAScript ： 变量，运算，判断，循环，函数，对象，数组，字符串，时间日期，数学对象，正则，构造函数 。。。。

使用方式：

1.在命令行窗口，node，就打开了控制台，在控制台

2.node js文件的路径

学习命令：

打开命令行窗口：

1.win+r输入cmd，敲回车

2.开始菜单中，输入cmd，命令提示符/以管理员身份运行

3.在任意一个文件夹中，按住shift，点击鼠标右键，选择在此处打开powershell窗口

4.在文件的路径中，输入cmd敲回车

5.借助vscode，快捷键：ctrl+`   右击当前或空白处，选择在终端中打开

如果其他打开方式不好用，先去试一下管理员省份能不能运行

指令（-后为苹果电脑指令或者简写）

换盘符：

    盘符:

查看当前文件夹下所有的文件和文件夹：

    dir - ls

进入某个文件夹：

    cd 文件夹路径

回到上级文件夹：

    cd ..

windows中不能跨盘符进入文件夹 - 先切换盘符才行

创建文件夹：

    md 文件夹名称 - mkdir 文件夹名称

删除文件夹：

    rd 文件夹名称 - rm -rf 文件夹名称

创建文件：

    echo nul>文件名称 - touch 文件名称

写入内容：

    echo 内容>文件名称 - vi 文件名称 + a + 写内容 + :wq

删除文件：

    del 文件名称 - rm -rf 文件名称

移动文件：

    move 原来的文件路径 新的文件路径 - mv 原来的文件路径 新的文件路径

重命名文件：

    ren 原来的文件名称 新的文件名称 - mv 原来的文件路径 新的文件路径-起一个新的名字

清屏：

    cls - clear

查看ip地址：

    ipconfig - ifconfig

检测网络互通：

    ping ip地址/域名

npm相关操作

第三方模块 - 别人写好的 - 我们要用 jquery/swiper/bootstrap等等

在nodejs中，提供了一个工具，可以很方便的去下载第三方模块 - 模块名称

npm - 是nodejs自带

检测工具是否能用：npm -v

下载命令：

npm install 模块名称 - npm i 模块名称

重新下载就能将原来的文件覆盖

下载指定版本的文件： npm i 模块名称@版本号 - 版本号不需要太具体

删除下载好包：npm uninstall 模块 - npm un 模块

开始下载，会生成一个文件夹node_modules，生成一个文件package-lock.json文件

node_modules文件夹里面的文件夹层级嵌套比较深，琐碎文件比较多

所以，项目上线的时候，不上传node_modules文件夹

进行npm初始化 - 将需要下载的模块的名称和版本都记录在一个文件中

执行npm init的命令 - 会生成一个package.json的文件

以后下载其他的模块，自动记录在这个文件中

后期上传项目的时候，把记录好的文件上传了就行

根据记录好的文件，重新下载依赖的模块就好了

执行命令：npm i      记录好的模块都会自动下载好

如果下载失败了：

1.重新尝试

2.检查网络

3.下载文件的原网站网络有问题

4.n - 使用nrm的工具完成这件事

npm可以下载安装工具：npm i nrm --global - npm i 工具名称 -g

是否下载安装成功：nrm --version

检测哪个网址下载速度比较快 - nrm test

切换到毫秒数最小的那个地址上： nrm use 名称

npm可以一次性下载多个模块： npm i 模块1 模块2 模块3 ...

npm下载其实每次下载都是有缓存的，所以下载失败后，可以尝试清除缓存试试：

npm cache clean -f

手动清缓存：c:/用户/当前用户/AppData/Roaming/npm-cache - 删掉