为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
Ajax全接触_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

Ajax全接触

姜维 Web前端工程师
难度中级
时长 2小时10分
  • 什么是HTTP http是计算机通过网络进行通信的规则 http是一种无状态的协议:即不建立持久的连接,服务端不保留连接的相关信息。 一个客户端向服务器发出请求,Web服务器返回响应,接着连接就被关闭了,这个处理过程是没有记忆的,如果后续的处理需要之前传递的一些信息,就需要重新传递 完整的http请求,通常有下面7个步骤 1.建立TCP连接 2.web浏览器向web服务器发送请求命令 3.Web浏览器发送请求头信息 4.Web服务器应答 5.web发送应答头信息 6.web服务器向浏览器发送数据 7.web服务器关闭TCP连接 Http请求一般由四部分组成 1.http请求的方法或者动作,比如get或者post 2.正在请求的url 3.请求头,包含客户端环境信息,身份验证信息等 4.请求体,也就是正文,请求正文中可以包含可以提交的查询字符串信息,表单信息等等 一般请求头和请求体之间有一空行,表示请求头已经结束了,接下来是请求体(即请求的正文) get 请求一般用来查询或者获取的操作 是用url来传递参数,对发送的信息有限制,一般在2000个字符。get请求发送的信息对任何人都是可见的,因为所有的变量名和值都显示在URL中 post 发送表单数据,这些数据并不在URL中显示,对其他人是不可见的,所有的名称和值都会被嵌入HTTP它的请求体中。如新建、修改、删除等等,对数量没有限制。 一个http响应一般包含三部分内容: 1.一个数字和文字组成的状态码,用来显示请求时成功或者失败 2.响应头,响应头包括服务器的类型、日期时间、内容类型和长度等 3.响应体,也就是响应正文 http状态码由3位数字构成,其中首位数字定义了状态码的类型 1XX:信息类,表示收到web浏览器请求,正在进一步的处理中 2XX: 成功,表示请求被正确接客户请求,理解和处理,比如200 3XX: 重定向,表示请求没有成功,客户必须采取进一步的动作 4XX:客户端错误,表示客户端提交的请求错误,例如404 5XX:服务器错误,表示服务器不能完成对请求的处理 有利于页面的调试
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-04-21

  • 兼容性判断: 在实例化一个XHR对象时,现在许多浏览器都支持标准的XHR对象,也支持标准的构造函数,但是,IE5,IE6,以及更早的版本中XHR对象还未定义,不能直接new。 如果忽略低版本的话可以直接new
    查看全部
  • eval函数不会检查字符串的合法性,因此是比较危险的,比如在字符串中包含有js的函数,eval会直接去解析执行这个函数。 JSON.parse()函数会检查字符串中的合法性,如果不合法会报错
    查看全部
  • 通过onreadystatechange事件来监听readyState状态
    查看全部
  • readyState属性
    查看全部
  • http请求 状态码含义
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-04-21

  • XMLHttpRequest对象出现之前,网页开发都是采用同步的形式,这个对象出现之后,通过这个对象用于后台和服务器之间去交换数据,并且这个数据的交换不用重新加载整个页面,还可以进行网页的部分更新。 步骤: 1、利用html+css来实现页面,表达信息; 2、用XMLHttpRequest和web服务器进行数据的异步交换 3、运用js操作DOM,实现动态局部刷新; XMLHttpRequest对象的出现分割了同步和异步。XMLHttpRequest出现之前是同步的,出现之后是异步的。 AJAX:异步请求,局部刷新 运用 XMLHttpRequest对象和web服务器进行数据的异步交换 同步:就是用户填写完信息之后,全部提交给服务器,等待服务器的回应,是一次性全部的。 异步:当用户填写完一条信息之后,这条信息会自动向服务器提交,然后服务器响应客户端,在此过程中,用户依然在填写表格的信息,即向服务器请求多次,节省了用户的时间,整个过程中不会有整个页面的刷新,也不会有整个页面的提交和等待,提高了用户的体验。 异步:页面和服务器端的操作不会造成堵塞,页面可以一边操作,然后服务器可以一边接受处理和返回结果 同步:客户端发起一个请求,服务器端去处理去响应,这时客户端完全是在等待,等待服务器端的处理和响应,当服务器端处理和响应完毕之后,客户端重新加载页面,这时如果有错误,客户端只能再次发起请求,重复以上过程。
    查看全部
  • Ajax 全称:asynchronous JavaScript and XML(异步的JavaScript和XML); Ajax 不是某种编程语言,是种技术,通过后台与服务器进行少量数据的交换,可以在不需要重新加载整个网页的前提下,更新网页的部分内容(实现异步局部更新)。 使用 ajax 技术的网页可以 异步局部加载网页 如微博、社交网站和在线地图等应用; 不读 阿贾克斯 读 A-杰克斯
    查看全部
  • 监听当前请求状态
    查看全部
  • 在自己电脑上怎么请求本地服务器
    查看全部
  • ajax发送get请求
    查看全部
    0 采集 收起 来源:客户端实现

    2016-04-21

  • XHR取得响应
    查看全部
  • json的概念
    查看全部
    0 采集 收起 来源:json基本概念

    2016-04-20

  • http请求
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-04-20

  • JSONLint
    查看全部

举报

0/150
提交
取消
课程须知
只需要有基础的javascript语法知识,就可以很容易理解本课程哦
老师告诉你能学到什么?
通过本课程的学习,您可以了解到Ajax概念、HTTP请求概念、PHP简单语法、JSON数据格式、Ajax的原生和jQuery实现、跨域等知识,只需要一些时间,看似复杂的知识点,其实都是纸老虎,会被你一捅就破。您不但会了解Ajax的使用,而且会清楚Ajax的原理,并举一反三。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!