笔记：利用ajax请求数据

最新推荐文章于 2023-01-30 13:37:44 发布

weixin_49596018

最新推荐文章于 2023-01-30 13:37:44 发布

阅读量104

点赞数

本文链接：https://blog.csdn.net/weixin_49596018/article/details/109962629

版权

利用ajax向后台请求数据
一、下载express 工具包
win+r 运行 cmd
1、修改淘宝源：npm config set registry https://registry.npm.taobao.org
2、创建一个工程目录 myapp，并进入目录
3、项目初始化：npx express-generator
4、安装依赖：npm install
5、启动 npm start
6、使用 http://localhost:3000 访问，查看访问页面页面出现Express界面则运行成功。
二、准备工作
打开编辑器，在src下面删除摩恩文件夹，新建文件夹public—src—[lib和utilis];

在这里插入图片描述

lib文件夹用于存放第三方的js文件。
utilis用于存放自己封装的要引入的js文件
三、 lodash文件的安装——控制台运行 npm install lodash。运行之后，在文件夹搜索lodash.min.js文件搜到以后把该文件赋值粘贴到 lib文件夹下面
四要实现的结果——利用异步请求，单击按钮，请求成功的话控制台输出
[1,2,3,4]
[5,6,7,8]
[9,10,11,12]
[13,14,15,16]

实现效果：
在这里插入图片描述
四、html代码块

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>异步请求数据</title>
</head>
<body>
    
<div id="beg">
    
</div>

<script src="./src/lib/lodash.min.js"></script>
<script  type="module" src="./src/index.js"></script>
</body>
</html>

五、客户端（请求端的代码）

// 接收暴露出来的ajax请求js文件
import{
   request}from "./utilis/request.js"

class Beg {
   
    constructor({
    el } = {
   }

最低0.47元/天解锁文章

weixin_49596018

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
笔记：利用ajax请求数据

利用ajax向后台请求数据一、下载express 工具包win+r 运行 cmd1、修改淘宝源：npm config set registry https://registry.npm.taobao.org2、创建一个工程目录 myapp，并进入目录3、项目初始化：npx express-generator4、安装依赖：npm install5、启动 npm start6、使用 http://localhost:3000 访问，查看访问页面页面出现Express界面则运行成功。二、
复制链接

扫一扫