文档HTTP服务与AJAX编程(1978KB).ppt

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * jQuery中的Ajax AJAX编程 $.ajax() 序列化 全局设定 快捷方法 AJAX编程 代码实操中… 同源策略是浏览器的一种安全策略。 所谓同源是指，域名、协议、端口完全相同 同源策略与跨域 思考一下为什么要有同源策略？ 不同源情况 同源策略与跨域 /detail.html 域名不同 https///detail.html 协议不同 :8080/detail.html 端口不同 :8080/detail.html 域名、端口不同 /detail.html 协议、域名不同 :8080/detail.html 端口、协议不同 跨域解决方案 同源策略与跨域 document.domain + iframe + iframe location.hash + iframe window.postMessage() JSONP 同源策略与跨域 代码实操中… 通过XMLHttpRequest从服务器获取大量复杂数据后，我们如何进行渲染？ 模板引擎 我们使用artTemplate模板引擎，编写一个小例子来认识一下模板引擎的强大之处。 模板引擎 代码实操中… 见识了模板引擎的强大之后，我们不妨分析它的实现原理，尝试编写一个微微微型的模板引擎。 模板引擎 代码实操中… 黔驴技穷之后，还是虔诚的膜拜大神吧！ 模板引擎 artTemplate JsRender baiduTemplate Mustache Hanldebars 检测我们实力的时刻到了！ 综合实战 无限想象空间 * * * * * * * * * * * * * * * * * * * * * HTTP协议 1、响应报文格式，状态行、响应头、响应主体 网络传输协议 HTTP协议 1、状态码和状态信息 2、响应头详解 网络传输协议 HTTP协议 调试工具 利用HTTP抓包工具在开发中可以帮我们进行调试，常用抓包工具HttpWatch、Fiddler、Charles、FireBug等。 网络传输协议 HTTP协议 协商缓存 利用浏览器的缓存机制，可以有效的减少HTTP的请求，提升页面加载速度，增强用户体验，同时也能极大的减轻服务器的负担，缓存协商就是结合HTTP协议实现缓存控制的一种机制。 网络传输协议 PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言，PHP 是免费的，并且使用非常广泛。 PHP基础 变量 PHP基础 变量以$开头，字母、数字、下划线，不能以数字开头 大小写敏感 变量作用域 global、local、*static 内容输出 PHP基础 echo 输出简单数据类型，如字符串、数值 print_r() 输出复杂数据类型，如数组 var_dump() 输出详细信息，如对象、数组 数据类型 PHP基础 字符型、整型、浮点型、布尔型、数组、对象、NULL gettype() 检测数据类型 is_string() 是否是字符 is_array() 是否是数组 运算符 PHP基础 算术运算符 赋值运算符 字符串运算符 逻辑运算符 文件引入 PHP基础 include require 表单处理 PHP基础 表单 name 属性的是用来提供给服务端接收所传递数据 表单 action 属性设置接收数据的处理程序 表单 method 属性设置发送数据的方式 当上传文件是需要设置 enctype=multipart/form-data 并且只能以 post 方式 表单处理 PHP基础 $_GET 接收 get方式 传值 $_POST 接收 post方式 传值 $_FILES 接收文件上传 常用函数 PHP基础 字符串函数 …. 即 Asynchronous Javascript And XML AJAX 不是一门的新的语言，而是对现有持术的综合利用 本质是在HTTP协议的基础上以异步的方式与服务器进行通信 AJAX编程 异步 指某段程序执行时不会阻塞其它程序执行，其表现形式为程序的执行顺序不依赖程序本身的书写顺序，相反则为同步。 AJAX编程 如右图是一个帮助理解异步的小例子 现实生活中的一个例子 打电话时同步，发消息是异步 AJAX编程 XMLHttpRequest 浏览器内建对象，用于在后台与服务器通信(交换数据) ，由此我们便可实现对网页的部分更新，而不是刷新整个页面。 AJAX编程 XMLHttpRequest AJAX编程 XMLHttpRequest 请求API AJAX编程 request.open() request.se