AJAX全接触实战

异步编程与AJAX

1 概念介绍

1.1 同步异步

img_d31f2815f353dcf878c2f95c6966dee7.png

img_fcef1b45e91a4c328f7e99cd1d92f7bd.png

img_928234700eee620be0bdc3a37b8297a5.png
自从出现了这玩意,异步编程出现了!

img_f49d30ea4c355c2e4de5b2158acd9abf.png

1.2 XMLHttpRequest对象

IE6及以下尚未定义的,干脆就忘了它们吧~


img_ab72293e3ac18e8e43fd15e1ddb05fc4.png

img_eea7e2efd131e5b13349239fb056ce48.png

img_0f4c22a5e14b0bc4f1e66776ddbcc652.png

1.3 HTTP 请求

img_539ab5686a8fbad5abce8b6315c4874a.png

img_0e1878f0e273300ba817ba6ece82fba2.png

img_2e61862c4e681aea97fb3e5fa325004e.png

img_c8be92af68b9fc686583722c8b6fdaee.png

img_0b7d78a97163af7e8ad4798924252773.png
请求报文样例

img_5e2d01ae37cbdd59e50a474373829b11.png

img_c06d61d3fd94b3067713e61178e80546.png

img_17bce435df34e8fa013f04a8c28b8c2d.png

img_78aec7d0ac32287d3ed86986f6279cdf.png

1.4 发送请求

img_34cebd8681c159138d233f1b3a2d16d9.png
常用方法

img_c4e0562ccba49d218e5cfada4c41cc57.png

1.5 取得响应

获取响应值

img_44dd1911f601d52d06041cf5450137dd.png

服务器响应结果
onreadystatechange 事件
当请求被发送到服务器时,我们需要执行一些基于响应的任务。
每当 readyState 改变时,就会触发 onreadystatechange事件。
readyState 属性存有 XMLHttpRequest 的状态信息。
下面是 XMLHttpRequest 对象的三个重要的属性:
img_591803d26c1292283b32f6f38d091fb4.png

img_a32936917d6a99fa3163322199bea1b6.png

onreadystatechange事件被触发 5 次(0 - 4),对应着 readyState 的每个变化。
onreadystatechange 事件中,我们规定当服务器响应已做好被处理的准备时所执行的任务。
readyState 等于 4 且状态为 200 时,表示响应已就绪:
img_bdabf5b07d4dc224c086cd11f79c3f7d.png

2 JSON

img_b751b1ef34b72fe65163b9f8c9ca617d.png

img_600e1a008ee641de5ca5f7931e7635fd.png

img_5278e13c2366206b522aa0f7f9b061b8.png

img_4e1ca3396695a83f185da66000f47e56.png

JQuery中的AJAX

img_41fd75f339c4ff7d1a5048a20ec03da7.png

跨域

img_ee879a8120c5fdcaf24f843d6ca0e722.png

img_aead8d1a894db5be3c94bfa69f705a59.png

img_eb44428f70379c09f7ddccc789a3f013.png

img_09ef6ba741981dac18cdacf1b166eda4.png

img_0b764e095239dd91d8a53990af33ddd5.png

img_72f3e409a4e6a5728aeed365968b278d.png

img_cd4ddbaf33fd33e5acb9a9341449f3b2.png

img_9b7eda666716ddaf1278ea63b5c73513.png

img_8f2f641b4b306fd7683fd7a46cf2d7de.png
简介 ecshop系统logo ECShop是上海商派网络科技有限公司(ShopEx)旗下——B2C独立网店系统,适合企业及个人快速构建个性化网上商店。系统是基于PHP语言及MYSQL数据库构架开发的跨平台开源程序。 ECShop悉心听取每一位商家的需求与建议,不仅设计了人性化的网店管理系统帮助商家快速上手,还根据中国人的购物习惯改进了购物流程,实现更好的用户购物体验。 经过近两年的发展,ECShop网店系统无论在产品功能、稳定性、执行效率、负载能力、安全性和SEO支持(搜索引擎优化)等方面都居国内同类产品领先地位,成为国内最流行的购物系统之一。 服务 灵活的模版机制 ECShop开发了独有的高效模板引擎(2.15以前版本使用smarty模板引擎),并结合了Dreamweaver的模板和库功能,使得编辑制作模板变得更简单。 开放的插件机制 支付、配送,会员整合都是以插件形式实现。商家可以随时增加或变更的支付方式和配送体系。ecshop支持大部分php开发的论坛系统,包括discuz,phpwind等,只需在后台做简单参数配置,即可完成会员整合。 功能 AJAX 化 ECSHOP 使用流行的 AJAX 技术,批量数据编辑变得更迅速,方便。 促销功能 ECSHOP提供了积分、红包、赠品,夺宝奇兵等多种促销方法。 高效率的代码和执行性能 通过优化代码与数据库结构,配合ecshop独家设计的缓存机制,在不考虑网速的情况下,网店动态页面与纯静态页面访问速度相当。 常规功能的更完善实现 针对常规功能尤其是后台管理和购物流程,ECShop进行了更简洁的设计,实现更好的用户体验。 搜索引擎优化 在 SEO (搜索引擎优化)上,ECShop独家支持两种 URL 重写方式,并且是同类软件中第一家支持 google / yahoo / microsoft 三家共同发布的 sitemaps 0.9 网站索引规范,能够为站点被搜索引擎收录做到最大限度的支持和帮助。 内置手机短信网关 ECShop内置手机短信网关,支持会员信息,订单提醒等功能。 多语言支持 支持简体,繁体,英文。 源代码开放 用户可根据自己的需求对ECSHOP进行定制,扩展。 随着3G网络的普及,智能手机的大量使用,手机上网的用户越来越多,使手机购物成为可能,手机购物势必会成为一种趋势,ECshop2.7.2版本新增手机浏览html功能。并且新增商品规格分库存功能,方便商家管理不同规格货品的库存。在商品详情页新增购买记录,提高网店的活跃性。html编辑器上传图片后增加水印功能。改进编辑快递单功能,增加可视化编辑,方便管理员修改打印快递单。商品分类页排序按钮变更为更流行的按钮样式,使之更加人性化。上传商品相册图片,使之能够支持外链图片。 历史 ECShop 2005年底,2006年初,高春辉和李梁(时任手机之家总经理),因为在给朋友建网上商城的时候,发现没有一个好用的商城软件,萌生了自己制作一个商城软件的想法。 2006年3月,从零开始招兵买马,组建团队,2006年6月,ECShop推出第一个版本1.0,但因为功能比较单一,最终使用的用户没有超过10个。 2006年6~7月,高春辉开始全面介入ECShop的开发管理工作,大大的加速了ECShop的开发进度,在推出 2.0版本之后,陆续推出了2.0.1,2.1,2.1.1.,2.1.2,2.1.3等版本后,用户群逐步扩大,安装量突破5万。 2007年5~6月,ECShop管理层与康盛世纪接触,最终确定,将ECShop卖给康盛世纪。 2007年6~7月,ECShop完成了一个重要的项目摩托罗拉手机商城。 2007年9月,ECShop团队全部迁至康盛世纪上班,交易完成。 2007年9月,ECShop分为两个团队,ECShop|(买否网), (卖否网);ECMall。 2008年10月10日,ECShop系列软件(包括Ecshop、Ecmall、Maifou等),被上海商派网络科技有限公司(ShopEx)整体收购。 2009年3月,发布2.6.2版本,这是其加入上海商派网络科技有限公司(ShopEx)之后的最新版本。 2010年6月,发布 ECShop v2.7.2 Release 0604。 2012年4月,发布 ECShop v2.7.3 Release 0411。 2012年11月,发布ECShop v2.7.3 Release 1106。 编辑本段 团队介绍 原团队介绍 高春辉 著名第一代互联网人,1989年接触电脑,1997年创建了当时访问量最高的个人主页“ 高春辉的个人网站”,被评为中国十大个人网站第一名。1999年受金山公司邀请,共同发起金山卓越网并担任总经理。2002年创立手机之家。ECShop创始人,ECShop灵魂,主要负
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值