在上一篇文章中我们知道，AJAX是一系列技术的统称。在本篇中我们将更进一步，详细解释如何使用Ajax技术在项目中获取数据。而为了解释清楚，我们首先要搞清楚我们是从哪里获取数据的，其次我们关注的才是获取数据的具体方式。 一…

工作中，经常会遇到需要 跨域请求数据的情况。由于浏览器的 同源策略,导致无法直接通过ajax拿到后台数据。解决这个问题的方式之一就是 JSONP。还有一种方式更高效简单—— 跨域资源共享(Cross-origin Res…

原理 客户端通过xmlHttpRequest对象向服务器发送异步请求，从服务器获取数据，通过操作javascript的DOM对象来更新页面。 实现 原生实现 function createXmlHttpRequest()…

404: not found403: forbidden204: no content304: not modified

同步交互 就是指发送一个请求，需要等待返回，然后才能够发送下一个请求，同步交互相当于排队，轮到下一个的情况会因为前一个而有所不同 优势 1.同步交互维持了浏览器原有的前进和后退机制2.如果后面逻辑的执行依靠前面逻辑执行的…

目前原生Ajax和.ajax已经形式猛如虎。这一技术能够向服务器请求额外的数据而无须卸载页面，会带来更好的用户体验。Ajax技术的核心是XMLHttpRequest对象，这是由微软首先引入的一种特性，其他浏览器供应商后来…

最近想用全js系统的写一遍前后端学习一下，就创建了一套TODOList项目练手。当前仅写完了后端demo，前端正在使用vue。并且准备以后再用react和flutter再写一遍。 此项目 后端demo 前提 在写练手项目…

一、什么是JSONP 1.1 同源策略 如果两个页面拥有相同的协议，端口（如果指定），和主机，那么这两个页面就属于同一个源。同源策略分为： DOM同源策略：禁止对不同源页面DOM进行操作 XMLHttpRequest同源…

部分内容为转载，原文章为：https://segmentfault.com/a/11…thinkphp框架自带的分页类是每次翻页都要刷新一下整个页面，这种翻页的用户体验显然是不太理想的，我们希望每次翻页只刷新…

记忆力越来越差，突然发现segmentfoult的好处就是总结过的东西永远在，随时拿出来用，今天带来的内容是ajax数据交互，因为最近项目中发现接口对接真够麻烦的，使用别人写好的框架也是蹩脚的很。本篇文章从原生的XMLH…

Ajax用一句话来说就是无须刷新页面即可从服务器取得数据。注意，虽然Ajax翻译过来叫异步JavaScript与XML，但是获得的数据不一定是XML数据，现在服务器端返回的都是JSON格式的文件。 完整的Ajax请求过程…

前言  我们在请求数据的时候，往往会使用到ajax，而且一般都是通过引入jQuery库，再使用。但是，如果我们想直接使用ajax怎么办呢，这个时候就可以自己写一个ajax，刚一听可能会觉得很难，但是看完我的文章后你肯定就…