11、原型和原型链 1）、原型： 每个函数都会有一个属性prototype。这个属性就是原型属性。JavaScript在实现面向对象时，会经常使用原型。每个对象（实例）的有一个属性（ __ proto __）指向构造函数的prototype属性（prototype指向的内存区域）。prototype属性里保存着所有对象（实例）共享的属性和方
作为一名程序员，虽然在实际使用时没有用原生js的ajax请求，但是我们要清楚js中的ajax的底层原理，才能走的更深。好了废话少说，下面我们用node服务器来作为后台，使用ajax来进行访问。 现在我们使用express脚手架搭建好了一个node服务器，express脚手架的安装命令
什么是ajax：Ajax即Asynchronous Javascript And XML（异步JavaScript和XML） ajax如何工作： 网页中发生一个事件（页面加载、按钮点击） 由 JavaScript 创建 XMLHttpRequest 对象 XMLHttpRequest 对象向 web 服务器发送请求 服务器处理该请求 服务器将响应发送回网页 由 JavaScri
跨域：是由于浏览的同源策略限制出现的。同源策略会阻止一个域的脚本和另外一个域的内容进行交互。同源是指两个页面具有相同的协议（protocol）、主机（host）和端口号（port）。当请求的url的协议、域名、端口三者之间任意一个与当前页面的url不同就为跨域。 非同源的限制有： 1、无法向非同
Ajax的一些基本操作 AJAX设置请求参数AJAX发送POST请求post设置请求体POST设置请求头信息服务端响应json数据nodemon自动重启工具安装AJAX中的IE缓存问题AJAX请求超时与网络异常处理AJAX取消请求AJAX重复发送请求 AJAX设置请求参数 继续使用上一篇文章案例及其代码。在GE
flask在return代码时提示AttributeError: ‘Request’ object has no attribute ‘is_xhr’ 解决办法,卸载Werkzeug,安装0.16版本. pip uninstall Werkzeug && pip install Werkzeug==0.16 参考 https://stackoverflow.com/questions/60992849/attributeerror-request-object
1、基本特性 更加简单的数据获取方式，功能更强大、更灵活，可以看做是xhr的升级版 基于promise实现 2、语法结构 3、fetch的基本用法
// 接口地址: https://api.apiopen.top/getJoke // 成功是resolve 失败是 reject const p = new Promise((resolve, reject) => { //1. 创建对象 const xhr = new XMLHttpRequest(); //2. 初始化 xhr.
一、xammp简介：集成apache服务器，MySQL数据库，php后端语言，集成的软件文件打开方式： 1.双击，通过file协议，本地打开 以后禁止，会出现跨域问题 例：file:///C:/Users/admin/Desktop/0928/01-%E8%AF%BE%E5%A0%82%E8%B5%84%E6%96%99/01.html 2.
一、xhr对象的常用属性与方法 1.1 onreadystatechange 描述：onreadystatechange属性指向一个回调函数。当页面的加载状态发生改变的时候readyState属性就会跟随发生变化，而这时readystatechange属性所对应的回调函数就会自动被调用。
思想 1.创建ajax函数,创建为一个对象的参数myAjax(obj) 好处： 对象中传参可以不管顺序，想传啥就传啥 方便设置默认值 2.观察ajax四个步骤中 什么是可变的 什么是不可变的 代码 function myAjax(obj) { var defaults = { type: "get", url: "#", dataType: "json", data
一、ajax简介 ajax (Asynchronous Javascript And XML)其实就是异步的javaScript和XML。 XML：<html>这是html标签，XML格式是一样的 可以自定义<name> <age> 满足标记语言的格式就可以了。 AJAX不是一门新语言，是综合HTTP异步通信 、JS、XML、以及JSON等多种网络技术的一种编程模型
原生ajax四步 创建一个XMLHttpRequest的实例 let xhr = new XMLHttpRequest(); 2.为xhr.onreadystatechange设置事件监听 xhr.onreadystatechange = function (){ if(xhr.readyState === 4){ switch (xhr.status){ case 200:{
本章主要内容是：每一块的详解，XMLHttpRequest 类型对象、open() 方法开启请求、setRequestHeader() 方法设置请求头、send() 方法发送请求、相应状态分析（readyState 属性、事件处理函数） 1、XMLHttpRequest 类型对象 AJAX API 中核心提供的是一个 XMLHttpRequest 类型，所有的 AJAX
分别创建用户名，邮箱，电话对应的后台文件 1.username.php <?PHP $username=$_GET["username"]; if($username=="gougou"){ echo "username OK"; }else{ echo "username error"; } ?> 2.email.php <?PHP $email=$_GET["email&
AJAX 全称(Async Javascript and XML) 即异步的 JavaScript 和 XML，ajax 并不是一门新的语言，是由html css js xml等语言组合实现异步请求一种方式 1.Ajax原理是什么？ Ajax 的原理简单来说通过 XmlHttpRequest 对象来向服务器发送异步请求，从服务器获得数据，然后⽤ J
目录 ajax封装Ajax网络相关 ajax AJAX 全称 Async JavaScript and XML(XML是可扩展标记语言) AJAX 是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容的技术 创建ajax四步 var xhr = new XMLHttpRequest() // 创建一个核心对象XMLHttpRequest
//创建xhr对象 var xhr = new XMLHttpRequest() //监听xhr.upload的onprogress事件 xhr.upload.onprogress = function(e){ // e.lengthComputable是一个布尔值,表示当前上传的资源是否有可计算的长度 if (e.lengthComputable){ // 计算出上传的进度 // e.loaded 已传
一.JSON与XML的区别比较 JSON 与 XML 的相同之处： 1.JSON 和 XML 数据都是 "自我描述" ，都易于理解。 2.JSON 和 XML 数据都是有层次的结构 3.JSON 和 XML 数据可以被大多数编程语言使用 JSON 与 XML 的不同之处： 1.JSON 不需要结束标签 2.JSON 更加简短 3.JSON 读写速度更快 4.JSON
传统网站中存在的问题 1网速慢的情况下，页面加载时间长，用户只能等待ajax 概述：他是浏览器提供的一套方法，可以实现页面刷新更新数据，提高用户浏览器应用的体验 缺点：没有浏览历史，不能后退 存在跨域问题 SEO不友好ajax 应用场景 1 页面上拉加载，更多的数据 2 列表数据无刷新分页 3 表
AJAX 1. 原生AJAX 1.1 AJAX简介 AJAX 全称为Asynchronous Javascript And XML，就是异步的 JS 和 XML。通过AJAX可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据 。AJAX 不是新的编程语言，不是新的一门独立的技术，而是一种使用现有标准的新方法。 1.2 XML简介
1. 每个 HTTP 请求和响应都会携带一些头部字段，这些字段可能会对开发者有用. 2. 默认情况，XHR 请求会发送一些常见字段： 【1】Accept：浏览器可以处理的内容类型. 【2】Accept-Charset：浏览器可以显示的字符集 【3】Accept-Encoding：浏览器可以处理的压缩编码格式 【4】Connection：浏览
GET 请求 // GET 请求 // 创建XMLHTTPRequest对象 const xhr = new XMLHttpRequest(); // 设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数 xhr.open("get", `url地址?id=${id}`); // 发送请求 xhr.send(); // 注册事件 onreadystatechange 状态改变就会调
//imgurl 图片url export function getBase64ByURL (imgUrl) { return new Promise(resolve => { window.URL = window.URL || window.webkitURL; var xhr = new XMLHttpRequest(); xhr.open("get", imgUrl, true); xhr.responseTy
