jQuery表单选择器.ppt

发送请求(get和post的区别) send(要发送的数据)：发送请求 中文编码 缓存 POST：setRequestHeader(类型, 内容)：设置请求头 Content-Type,application/x-www-form-urlencoded” 数据类型(返回数据的处理) 服务器返回给咱们的真正数据 XML、HTML、JSON JSON的写法 Eval解析JSON的时候需要注意的地方 JSON.parse() : 字符串解析成对象 编写Ajax Ajax 与 jQuery Ajax 操作 2 $_GET - 通过URL传递给该脚本的变量的数组 $_POST - 通过HTTP POST方法（表单）传递给该脚本的变量的数组 前后台键名和传输方式必须一致 数据传输方式 数据获取方式 后端数据接收 Ajax 与 jQuery Ajax 操作 2 ajax() : json形式的配置参数 - url success - error contentType - data type - dataType cache timeout 抽象出来的方法 - get() - post() - getJSON() 支持jsonp的形式：指定?callback=? jQuery与Ajax Ajax 与 jQuery Ajax 操作 2 服务器端与客户端 Ajax 传输数据的实例 表单提交 表单提交序列化 服务器端获得数据 注册用户 服务器端输出数据，客户端解析 提供车型出租 Ajax 与 jQuery Ajax 操作 2 JS全栈 jQuery 插件及原理 3 jQuery 插件及原理 jQuery插件 1、封装对象方法的插件；（也就是基于某个DOM 元素的jQuery 对象，局部性） 2、封装全局函数的插件；（全局性的封装） 比如$.parseJSON 3、选择器插件。(类似与.find()) JS全栈 jQuery 插件及原理 3 jQuery插件 1、插件名推荐使用jquery.[插件名].js，以免和其他js 文件或者其他库相冲突； 2、局部对象附加jquery.fn 对象上，全局函数附加在jquery 上； 3、插件内部，this 指向是当前的局部对象； 4、可以通过this.each 来遍历所有元素； 5、所有的方法或插件，必须用分号结尾，避免出现问题； 6、插件应该返回的是jQuery 对象，以保证可链式连缀； 7、避免插件内部使用$，如果要使用，请传递jQuery 进去 JS全栈 jQuery 插件及原理 3 jQuery插件 ① 闭包 (function($) {})(jQuery) 与 jQuery(function () {}) ② 扩展函数 $.extend(object) 和$.fn.extend(object) 类方法与普通方法 ③ 支持选择器 this.each(function () {}); ④ 支持链式（级联）调用 return this.each(function () {}); JS全栈 jQuery 插件及原理 3 jQuery示例及表单插件 我们自己实现插件 导航菜单插件 延迟加载插件 表单插件 JS全栈 jQuery 插件及原理 3 Thanks! 微信：优才创智 微博：优才创智 扫一下，有更多惊喜！ 伍星 常见 Javascript 库 JavaScript全栈课程 全栈工程师教研组@优才网 主讲：伍星 零、JavaScript库简介 一、 jQuery 基本操作 二、Ajax 与 jQuery Ajax 操作 三、jQuery 插件及原理 JS全栈 目录 1 JS全栈 JavaScript库简介 0 JavaScript库简介 JS全栈 JavaScript库简介 0 ① Underscore、Lazy.js 和 Sugar.js 基础库 ②jQuery（Zepto） jQuery插件 YUI、Dojo、MooTools React 库分类汇总 JS全栈 JavaScript库简介 0 库分类汇总 JS全栈 JavaScript库简介 0 ①AngularJS ②Backbone.js Ember.js Knockout Skel.js 框架分类汇总 JS全栈 JavaScript库简介 0 框架分类汇总 JS全栈 JavaScript库简介 0 ①Swfupload/WebUploader ②Ueditor ECharts Lightbox Raphaeljs Matter.js …… 你能想到的基本上都有，比如timel