山山未迟

摘要： 三、Ajax跨域请求——jsonp技术 1、Ajax跨域请求原理图 2、Ajax跨域请求不被允许的原因 l Ajax技术由于受到浏览器的限制，该方法不允许跨域通信。 l 同源策略阻止从一个域上加载的脚本获取或操作另一个域上的文档属性。也就是说，受到请求的 URL 的域必须与当前 Web 页面的域相同。这意味着浏览器隔离来自不同源的内容，以防止它们之间的操作。 3、jsonp协议 jsonp就是一... 阅读全文

摘要： The Write Less,Do More——jQuery下 目录 The Write Less,Do More——jQuery下 1 一、each方法 2 二、jQuery中的ajax操作 3 1、ajax的底层实现 4 2、ajax的高级实现 7 1）模拟发送get请求 7 2）通过时间戳解决get请求缓存问题 8 3）模拟post请求 8 4）返回值类型 9 三、Ajax跨域请求——j... 阅读全文

摘要： 三、文档处理 插入 删除 复制 替换 包裹 查找 1、插入操作——内部插入 jQuery jQuery hello jQuery l append(content) ：将content内容插入到元素的尾部 l appendTo(content) ：将匹配到的元素插入到content元素尾部 l prepend(content) ：将content内容插入到元素的头部 l prependTo(co... 阅读全文

摘要： The Write Less,Do More——jQuery中 目录 The Write Less,Do More——jQuery中 1 一、事件编程 2 1、事件监听 2 2、事件冒泡 4 3、默认行为 5 二、jQuery中的动画 6 1、基本效果 6 2、滑动效果 7 3、淡入淡出效果 9 4、自定义动画效果 9 三、文档处理 12 1、插入操作——内部插入 13 2、插入操作——外部插... 阅读全文

摘要： 四、jQuery对象 DOM对象 jQuery对象 1、什么是DOM对象 通过getElementById获取的对象，我们都称之为DOM对象 2、什么是jQuery对象 在jQuery中，通过$符号获取的元素，我们都称之为jQuery对象 注：dom对象不能调用jQuery对象的属性或方法，jQuery对象也不可以调用dom对象的属性或方法。 3、深入探讨jQuery对象 通过测试发现，我们... 阅读全文

摘要： The Write Less,Do More（少写多做）——JQuery上 目录 The Write Less,Do More（少写多做）——JQuery上 1 一、历史 3 1、什么是jQuery 3 2、什么是JavaScript代码库 3 3、为什么要学习jQuery 3 二、部署jQuery 3 1、下载源码包(www.jquery.com) 3 2、源码类别 4 3、使用JQue... 阅读全文

摘要： 二、Ajax框架的封装 1、考虑框架命名冲突 由于我们的项目中可能会引入多个框架，可能会导致命名冲突问题，为了解决此问题，我们可以采用定义一个自调用匿名函数来解决此问题。 2、构造$函数获取DOM对象 由于我们在Javascript中经常使用DOM对象.事件=事件的处理程序 3、把$声明为全局变量，供外部调用 4、创建Ajax对象 在Javascript中，一切都是对象，函数也是一种对象。 ... 阅读全文

摘要： 曾被大佬忽视的技术——Ajax下 目录 曾被大佬忽视的技术——Ajax下 1 一、Ajax中的Json 2 1、什么是Json 2 例1：用json来存储一个人的信息 2 例2：用json来存储多个人的信息 2 例3：通过php生成json对象 3 1）一维数组转json 3 2）多维数组的转json 3 例4：通过Ajax+json完成两个数的四则运算 3 例5：通过json获取数据库中的分... 阅读全文

摘要： 四、Ajax中的get请求缓存问题 在Ajax中，当我们在IE浏览器中使用GET请求发送数据，系统会自动缓存数据，当下次访问时，系统会自动调用缓存，其初衷是希望将请求资源进行缓存到本地浏览器，当下次继续访问时，如请求资源没有改变，系统自动调用缓存文件，减少服务器开销，加快访问速度，提高用户体验。但是有些情况，我们是不需要进行缓存的，那么如何解决以上问题呢？ 回顾上午的两个数求和案例： 运行发现，当... 阅读全文

摘要： 曾被大佬忽视的技术——Ajax上 目录 曾被大佬忽视的技术——Ajax上 1 一、Ajax发展历史 3 1、历史起源 3 2、什么是Ajax 3 3、Ajax属于客户端语言 3 4、Ajax运行平台 3 5、Ajax运行机制 4 1）传统模式下的同步请求 4 2）Ajax模式下的异步请求 4 6、Ajax的应用场景 5 7、快速入门 5 二、创建Ajax对象 6 1、创建Ajax对象 6 ... 阅读全文