Ajax
gxhlh
智慧的获取,能力的提升,创造力的领悟,是基于长期的投资回报周期。
展开
-
Ajax 异步编程与封装
Ajax 异步编程同步异步概述同步:一个人同一时间只能做一件事情,只有一件事情做完,才能做另外一件事情。落实到代码中,就是上一行代码执行完成后,才能执行下一行代码,即代码逐行执行。异步:一个人一件事情做了一半,转而去做其他事情,当其他事情做完以后,再回过头来继续做之前未完成的事情。落实到代码上,就是异步代码虽然需要花费时间去执行,但程序不会等待异步代码执行完成后再继续执行后续代码,而...原创 2020-02-20 15:14:35 · 186 阅读 · 0 评论 -
Ajax在低版本 IE 浏览器的缓存问题
问题:在低版本的 IE 浏览器中,Ajax 请求有严重的缓存问题,即在请求地址不发生变化的情况下,只有第一次请求会真正发送到服务器端,后续的请求都会从浏览器的缓存中获取结果。即使服务器端的数据更新了,客户端依然拿到的是缓存中的旧数据。解决方案:在请求地址的后面加请求参数,保证每一次请求中的请求参数的值不相同。 xhr.open('get', 'http://www.example.com?...原创 2020-02-20 14:34:50 · 231 阅读 · 0 评论 -
Ajax 错误处理
Ajax 错误处理也就是当请求结果不是预期结果时我们应该如何处理。错误处理的四种情况:第一种情况当网络畅通时也就是连接互联网的时候,请求可以正常的发送出去服务器端能够接收到请求,但是服务器端返回的结果不是预期结果。比如说客户端发送的这个请求参数不符合要求,服务端返回非200状态码。这种错误可以通过判断服务器端返回的状态码分别进行处理。第二种错误就是在网络畅通的时候,服务器端没有接受到请求返...原创 2020-02-20 14:30:19 · 6552 阅读 · 0 评论 -
Ajax状态值与状态码的区别
状态值与状态码的区别ajax的状态值指,运行ajax时,无论是成功还是失败都要响应的步骤的几种状态。例如:尚未调用send()方法时的初始化前、正在发送请求、正在响应等,由ajax对象和服务器之间的交互所得。通过ajax.readyState获得 0~4 范围的一个状态值。ajax状态码是值,ajax无论请求是否成功,由HTTP协议根据所提交的信息,服务器返回的http头信息代码,通过ajax...转载 2020-02-20 13:48:16 · 366 阅读 · 0 评论 -
Ajax获取服务器端的响应
一、Ajax 状态值在创建ajax对象,配置ajax对象,发送请求,以及接收完服务器端响应数据,这个过程中的每一个步骤都会对应一个数值,这个数值就是ajax状态值。ajax状态值说明0请求未初始化(还没有调用open())1请求已经建立,但是还没有发送(还没有调用send())2请求已经发送3请求正在处理中,通常响应中已经有部分数据可以用了4...原创 2020-02-20 13:40:28 · 920 阅读 · 0 评论 -
Ajax请求参数传递方式、请求参数的格式、JSON.stringify()
一、请求参数传递的方式1、GET 请求方式GET 请求方式参数放置在请求地址中进行传递。xhr.open('get', 'http://www.example.com?name=zhangsan&age=20');传递GET 请求参数代码示例:<!DOCTYPE html><html lang="en"><head> <meta ...原创 2020-02-20 12:27:19 · 6686 阅读 · 0 评论 -
Ajax 的实现步骤、服务器端响应的数据格式、JSON.parse()
Ajax 的实现步骤创建 Ajax 对象var xhr = new XMLHttpRequest();告诉 Ajax 请求地址以及请求方式xhr.open('get', 'http://www.example.com');发送请求xhr.send();获取服务器端给与客户端的响应数据xhr.onload = function () { console...原创 2020-02-20 00:15:39 · 672 阅读 · 0 评论 -
再也不学AJAX了!跨域获取资源 (三)① - 同源策略
我们之前提到过,AJAX技术使开发者能够专注于互联网中数据的传输 ,而不再拘泥于数据传输的载体 。通过AJAX技术,我们获取数据的方式变得更加灵活,可控和优雅。但是AJAX技术并不是一把万能钥匙,互联网中的数据隐私和数据安全(例如你的银行账号和密码)也非常重要,为了保护某些用户数据的隐私与安全,浏览器使用“同源策略 ”限制了AJAX技术获取数据的范围和能力。但在一些合理的场景中,我们又不得不想办...转载 2020-02-11 12:56:25 · 319 阅读 · 0 评论 -
再也不学AJAX了!使用AJAX(二)
在上一篇文章中我们知道,AJAX是一系列技术的统称。在本篇中我们将更进一步,详细解释如何使用Ajax技术在项目中获取数据。而为了解释清楚,我们首先要搞清楚我们是从哪里获取数据的,其次我们关注的才是获取数据的具体方式。一、获取数据我们知道AJAX用来在项目中以阻止页面刷新的方式获取数据,那么数据从哪里来呢?我们又怎么知道如何获取这些数据?答案是我们通常使用API与各式各样的数据库交互。“API...转载 2020-02-11 12:32:01 · 284 阅读 · 0 评论 -
Ajax基础
Ajax 概述Ajax:标准读音 [ˈeɪˌdʒæks] ,中文音译:阿贾克斯它是浏览器提供的一套方法,可以实现页面无刷新更新数据,提高用户浏览网站应用的体验。Ajax 的应用场景页面上拉加载更多数据列表数据无刷新分页表单项离开焦点数据验证搜索框提示文字下拉列表Ajax 的运行环境Ajax 技术需要运行在网站环境中才能生效。...原创 2020-02-10 23:04:40 · 232 阅读 · 0 评论 -
再也不学AJAX了!之AJAX概述(一)
“再也不学AJAX了”是一个与AJAX主题相关的文章系列,包含以下三个部分的内容:AJAX概述:主要回答“AJAX是什么”这个问题;使用AJAX:介绍如何通过JavaScript发送AJAX请求;跨域获取数据:介绍了与“跨域发送AJAX请求”相关的一些内容:比如“浏览器同源策略”与四种跨域请求资源的方式:JSONP,CORS,postMessage和webSocket;希望通过阅读该系...转载 2020-02-10 22:44:54 · 249 阅读 · 0 评论 -
看看这些基础概念你了解多少?
一、服务器类型按照服务类型:文件服务器,数据库服务器,邮件服务器,Web服务器按照操作系统:Linux服务器,Windows服务器按照应用软件:Apache服务器,Nginx服务器,IIS服务器,Tomcat服务器,WebSphere服务器,boss服务器,Node服务器软件文件服务器:Server-U,FileZilla,VsFTP(File Transfer Protocol...转载 2020-02-10 22:17:21 · 156 阅读 · 0 评论