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

Ajax全接触

姜维 Web前端工程师
难度中级
时长 2小时10分
  • 解析JSON的两种方式 1、eval('('+jsondata+')'); 2、JSON.parse(jsondata); 推荐使用 eval()不判断json中的值是否合法,而且如果json的值是函数会被执行, JSON.parse()会判断json中的值是否合法,不合法会报错 JSON数据的合法性可通过JSONLint(jsonlint.com)在线格式化校验工具来校验
    查看全部
  • JSON:JavaScript对象表示法,全称:JavaScript Object Notation 1、JSON是存储和交换文本信息的语法,类似XML。它采用键值对的方式来组织数据,易于人们阅读和编写,同时也易于机器解析和生成 2、JSON是独立于语言的,任何语言都可以按照json的规则来解析 JSON与XML比较: 1、json的长度比xml短小 2、json的读写速度更快 3、json可以使用JavaScript内置的方法直接进行解析并转换成JavaScript对象,很方便 JSON语法规则: 1、json数据的格式是:"名称":值形式的键值对,名称需要在双引号中,中间以冒号":"隔开; 2、json的值可以是以下类型: 数字(整数和浮点数) 字符串(在双引号中) 逻辑值(true或false) 数组(在方括号中[]) 对象(在花括号中{}) null 如图:
    查看全部
    0 采集 收起 来源:json基本概念

    2018-03-22

  • 使用Ajax发送POST请求 注意: post请求需要在open()方法和send()方法之间设置 request.setRequestHeader("Content-Type","application/x-www-form-urlencode"); 没设置或者设置不对会提示参数错误
    查看全部
    0 采集 收起 来源:客户端实现

    2018-03-22

  • 使用Ajax发送get请求
    查看全部
    0 采集 收起 来源:客户端实现

    2016-10-11

  • fiddler工具:可以监听整个电脑发出的所有HTTP请求,可以监听请求的值和响应的值,在没有客户端的情况下,就对服务端的一些请求进行一些测试 具体使用:可观看“ Fiddler工具使用" (http://www.imooc.com/learn/37)课程。
    查看全部
  • PHP开发环境搭建: 1、安装完XAMPP后,运行xampp-control.exe,打开界面就可以启动各种服务的 2、在Dreamweaver中配置,站点-》新建站点-》站点文件夹选择xampp安装目录下的htdocs(该文件夹放置网站文件,类似于Apache的webapps)-》服务器—》“+”新建服务器-》连接方法选择“本地/网络”-》服务器文件夹同站点文件夹一致-》URL访问的地址“http://localhost:端口/htdocs目录下的文件夹名称/”-》高级选项,服务器模型选择“PHP Mysql”-》将远程去掉,勾选测试 PHP语法: 1、PHP脚本以“<?php”开头,以“?>”结尾 2、PHP文件的默认扩展名为.php 3、PHP语句以分号“;”结尾 4、全局变量需要使用global来修饰 5、超全局变量以“$_”开头,可以直接使用
    查看全部
  • PHP是一种开源、免费的创建动态交互性站点的服务端脚本语言。 开发实例:WordPress、Facebook。 作用如下: 1、能生成动态页面内容, 2、创建、打开、读取、写入、删除以及关闭服务器上的文件, 3、接收表单数据, 4、发送并取回cookies, 5、添加,删除,修改数据库中的数据, 6、限制用户访问网站中的某些页面,解密、加密等等。 PS:PHP兼容几乎所有WEB服务器和数据库 运行PHP: XAMPP(Apache+MySQL+PHP+PERL)是一个功能强大的建 XAMPP 软件站集成软件包。这个软件包原来的名字是 LAMPP,最新的几个版本就改名为 XAMPP 了。 它可以在Windows、Linux、Solaris、Mac OS X 等多种操作系统下安装使用,支持多语言:英文、简体中文、繁体中文、韩文、俄文、日文等。 https://www.apachefriends.org/download.html 在Dreamweaver中配置web服务器用于本地测试
    查看全部
    0 采集 收起 来源:Ajax-例子简介

    2016-10-11

  • XMLHttpRequest获取响应的方法: 1、responseText:获取字符串形式的响应数据 2、responseXML:获取XML形式的响应数据 3、status和statusText:以数字和文本形式返回HTTP状态码 4、getAllResponseHeader():获取所有的响应报头 5、getResponseHeader():查询响应中某个字段的值 6、readState属性:有以下值 0—请求未初始化,open还没有调用 1—服务器连接已建立,open已经调用 2—请求已接受,即接收到头信息 3—请求处理中,即接收到响应主体 4—请求完成,且响应已就绪,即响应完成了 用法如图:
    查看全部
  • HTTP请求信息示例
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-10-11

  • XMLHttpRequest发送请求的两个方法: 1、open(method,url,async) method:发送请求的方式是get还是post,不区分大小写,一般来说用大写 url:请求地址(相对地址或绝对地址) async:false(同步)/true(异步),不填写默认值是true 2、send(string):把请求发送到服务器(如果使用get发送请求,该参数可不填或null,若使用post发送请求,则需要填写) 示例如下:
    查看全部
  • HTTP:是计算机通过网络进行通信的规则 HTTP是一种无状态的协议,无状态:不建立持续的链接,服务端不保留连接信息 完整HTTP请求过程: 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)请求体,请求正文包含客户端提交的表单信息等 PS:请求头和请求体之间有空一行,表示请求头的结束和请求体的开始 GET:一般用于信息获取,使用URL传递参数,对所发送信息的数量限制在2000个字符,多用于数据查询,不用于数据的修改 POST:一般用于服务器上资源的修改,对所发送信息的数量无限制,请求数据会被嵌入到HTTP的请求体中 【幂等】:一个操作任意多次执行所产生的影响均与一次执行的影响相同,GET请求就是一种幂等操作。 一个HTTP响应由三部分组成: 1)状态码:由数字和文字组成的,用来显示请求是成功还是失败 2)响应头:和请求一样包含许多有用的信息,如服务器类型、日期时间、内容类型和长度等 3)响应体:响应正文 PS:常见的状态码: 1XX,信息类,表示收到WEB浏览器请求,正在进一步的处理中 2XX,成功,表示用户请求被正确接收、理解和处理 如:200 OK 3XX,重定向,表示请求没有成功,客户端必须采取进一步的动作 4XX,客户端错误,表示客户端提交的请求有错误 如:404 NOT Found表示请求资源不存在 5XX,服务器错误,表示服务器不能完成队请求的处理 如:500
    查看全部
    0 采集 收起 来源:Ajax-HTTP请求

    2016-10-11

  • XMLHttpRequest对象的实例化以及兼容性写法:
    查看全部
  • 实现AJAX技术需要: 1、利用html+css来实现页面,表达信息; 2、用XMLHttpRequest和web服务器进行数据的异步交换 3、运用js操作DOM,实现动态局部刷新; XMLHttpRequest对象的出现分割了同步和异步。XMLHttpRequest出现之前是同步的,出现之后是异步的。 同步:相当于单线程,如:填写完数据提交——》等待服务器验证数据有效性——》修改数据 异步:相当于多线程,如:填写数据的过程中就会验证数据的有效性
    查看全部
  • 获取服务器响应: Response.Text:获取字符串形式的响应数据; ResponseXML:获取XML形式的响应数据; Status和statusText:艺术字和文本形式返回HTTP状态码 getAllResponseHeader():获取所有响应报头 getResponseHeader():查询响应中某个字段的值 ReadyStatus属性 0,请求未初始化,open还没有调用 1,服务器连接已建立,open已经调用 2,请求已接受,即接收到头信息 3,请求处理中,即接收到响应主体 4,请求完成,且响应已就绪,即响应完成了 Onreadystatechange函数在ReadyStatus变化时触发
    查看全部
  • AJAX全称:Asynchronous JavaScript And XML,异步的JavaScript和XML Ajax不是编程语言,是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
    查看全部

举报

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

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