Ajax
Ajax学习
Dreamy.TZK
这个作者很懒,什么都没留下…
展开
-
通过码云的issue实现一个“说说”Demo
title: Speak开坑记录katex: falsetags:Speakcategories:Projectabbrlink: 3e39cf25date: 2020-09-21 17:20:25项目说明一个基于Gitee的“说说”,通过在gitee仓库中的issue进行说说的展示。项目灵感来自于:微博开坑记录项目最早写于2020年8月9日,但当时的做法是通过外部载入各种依赖(JQuery、marked等)进行的,虽然中间还有一次试图将其并入js内部,但采用的方式仅仅是通.原创 2020-09-22 09:04:31 · 415 阅读 · 0 评论 -
小项目-模仿一个京东投票系统
项目准备启动项目步骤:安装依赖yarn install ## 或者 npm inpm可能会警告一些东西,但无所谓。推荐yarn运行项目node admin.js前端开发参考接口文档,进行前端进行开发。首页开发首页需要展示较多数据,但一次性加载完全部数据则会及其消耗性能,因此需要进行分页处理。如果有一万条数据,想让其绑定到页面中,怎么做好一些?一种方案文档碎片,遍历数据,把对应的数据和结构都添加到文档碎片中(或基于字符串拼串),再把文档碎片扎入到原创 2020-09-09 20:22:59 · 267 阅读 · 0 评论 -
基于promise封装自己的Ajax库
基于promise封装自己的Ajax库模拟axios利用promise封装一个自己的Ajax库。一、基础框架封装Ajax库之前,我们要将其框架结构写出来。我们通过一个匿名函数,将我们的核心函数暴露给全局。对这个核心函数进行方法(get、post等)的添加。(function anonymous(window) { //默认配置项 let _default = { // 请求方式 method: "GET", // URL原创 2020-09-07 18:48:29 · 178 阅读 · 0 评论 -
通过JSONP实现跨域访问
跨域访问说到跨域访问就要谈到浏览器的同源策略,所谓同源指的就是协议相同、域名相同、端口号相同,三个条件必须全部匹配,否则就会收到限制,例如:Cookie、LocalStorage 和 IndexDB 无法读取DOM 无法获得AJAX 请求不能发送而互联网默认原则就是同源策略,也就是说不允许跨域访问。常见的跨域可以通过标签元素实现,例如link、script、img、iframe等标签。<!DOCTYPE html><html lang="en"><hea原创 2020-09-05 16:38:39 · 1583 阅读 · 0 评论 -
原生JS实现一个Ajax跨域请求
什么Ajax在现实Ajax之前,我们需要了解下什么Ajax?Asynchronous JavaScript + XML(异步 JavaScript 和 XML), 其本身不是一种新技术,而是一个在 2005 年被 Jesse James Garrett 提出的新术语,用来描述一种使用现有技术集合的‘新’方法。当使用结合了这些技术的 AJAX 模型以后, 网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载(刷新)整个页面。这使得程序能够更快地回应用户的操作。异步交互接下来便要弄清楚什么是异步原创 2020-08-29 23:38:34 · 971 阅读 · 0 评论 -
四、实现跨域访问
同源策略同源:协议相同、域名相同、端口号相同如果非同源那么将收到的限制:Cookie、LocalStorage和IndexDB无法读取DOM无法获得AJAX请求不能发送互联网默认原则:同源策略(不允许跨域访问)常见跨域link元素script元素img元素iframe元素JSONP通过动态创建 script 标签,通过 script 标签的 src 请求没有域限制来获取资源例如在 html 页面中,将 script 标签地址改为后端接口。网页通过添加一个<scri原创 2020-08-22 19:48:08 · 114 阅读 · 0 评论 -
三、jQuery中的Ajax
JQuery中的Ajax方法load方法$.get和$.post方法$.ajax方法$.getScript方法和$.JSON方法事件ajaxStart和ajaxStopajaxComlete、ajaxSend、ajaxError、ajaxSuccess事件load方法$element.load(url,[data],[callback])url异步请求的地址data异步请求的数据.。如果传入参数那么请求方式为post,否则为get。请求数据为键值对形式。ca原创 2020-08-22 19:47:35 · 141 阅读 · 0 评论 -
二、JSON数据格式
JSON语法规则”名称/值“对的集合。例如对象、字典{ "name": "好人", "job": [1, 2, 3, 4, 5]}字符串必须使用双引号。值的有序列表。例如数组。[ 1,2,3]JSON的值可以是字符串、数值、布尔值、null、对象、数组。JSON可以独立成文件,扩展名为json。JavaScript中的JSONjson字符串数据格式符合JSON格式的要求,类型是字符串var jsonString = '{"name":"张原创 2020-08-22 19:46:55 · 488 阅读 · 0 评论 -
一、Ajax的基本用法
同步交互与异步交互同步交互指发送一个请求,需要等待返回,然后才能够发送下ー个请求。同步交互相当于排队,轮到下一个的情况会因为前一个而有所不同。与排队类似。例如学生在食堂买饭,只有等前边同学买完才能轮到自己。客户端向服务器端发送请求,必须等待结果返回,才能向服务端再次发送请求。异步交互所谓异步交互,就是指指发送一个请求,不需要等待返回,随时可以再发送下一个请求。同步交互与异步交互的区别在于同步交互需要等待结果,而异步交互不需要等待。异步交互相比同步交互的优势主要具有以下几点用户操作无原创 2020-08-21 16:21:16 · 338 阅读 · 0 评论