随笔分类 - Ajax
摘要：1. 从基本理解开始 首先，Promise 是一个构造函数，可以用来 new 一个实例。 以前的异步编程当中，经常会出现地狱回调问题，也就是函数中嵌套很多层函数，而 Promise 就用于解决这个问题，使得代码看起来简洁很多。但是呢，它的代码看起来简洁，前提是要你懂得它的代码执行过程，你不懂它的执行
阅读全文
摘要：1. 在 src 目录里新建 utils 文件夹（表示工具类，里面建立 request.js 文件[ 里面封装axios ] ）和 api 文件夹（用来存放各类 api.js 文件，比如 articleAPI.js )。 例如： request.js 封装： 查看代码 // 导入 axios 前记得
阅读全文
摘要：# 了解Axios： Axios是专注于网络数据请求的库。 相比原生XMLHttpRequest对象，Axios易用。 相比于jQuery Ajax，Axios更加轻量化。 使用只需要导入axios.js文件即可用！ # axios.get请求格式: # axios.post请求格式: # axio
阅读全文
摘要：注：案例用到 bootstrap.css库 和 jquery.js库 HTML： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi
阅读全文
摘要：form表单主要用于数据采集 form表单包含： <form>标签、 表单域、 表单按钮(表单按钮可以用button，也可以用input） <form>标签的属性： 实际上，表单的同步提交是有缺陷的： 通过点击submit按钮触发表单提交，这种称为表单的默认提交方式，也叫表单的同步提交，这种提交方式
阅读全文
摘要：将用户输入的内容渲染到聊天页面： 发起请求获取聊天信息： 将机器人聊天内容转为语音： 通过<audio>播放语音： 回车键发送消息：
阅读全文
摘要：用到的css库：bootstrap.css 用到的JavaScript库：jQuery.js 渲染图书列表（核心代码）： 删除图书（核心代码）： 这里用到事件代理 添加图书（核心代码）： 完整代码：（注意导入相关库文件） <!DOCTYPE html> <html lang="en"> <head>
阅读全文
摘要：1、$.ajax({}) $.get() $.post() 1)、 $.ajax（{ }） $.ajax({ type:'get', // 请求方式 url:'https://showme.myhope365.com/api/shop，// 请求的地址 data:{}, // 请求参数: befor
阅读全文
摘要：使用art-template的步骤： 1 导入 art-template 文件 2 定义模板 3 调用 template 函数 4 渲染HTML结构 art-template的标准语法之 输出语法： art-template的标准语法之 循环输出： art-template的标准语法之 条件输出：
阅读全文
摘要：先分享一篇优秀博文：Ajax函数的封装 ajax.js代码 /* var options = { type:'', // 请求类型 data:{}, // 请求参数 header:{}, // 请求头，一般用于声明参数类型格式 url:'', // 请求地址 success:function(dat
阅读全文
摘要：本文来自博客园，作者：{lvhanghmm}，转载请注明原文链接：https://www.cnblogs.com/lvhanghmm/p/14338911.html Ajax编程基础 目录 Ajax编程基础 传统网站中存在的问题 Ajax概述 Ajax的应用场景 Ajax的运行环境 Ajax运行原理
阅读全文
摘要：先分享一篇优秀博文：跨域实现大全 一、JSONP方案 1.封装jsonp.js(单独创建js文件时，里面的script标签就不要了） 客户端代码 <script> function jsonp(options) { // 1 动态的创建一个script标签 const script = docume
阅读全文
摘要：本文知识点：1.post请求与get请求不同，post请求必须在请求报文中声明请求参数的格式涉及点：xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded')xhr.setRequestHeader('Conten
阅读全文
