ecshop中ajax的调用原理

简介: 1:首先ecshop是如何定义ajax对象的。ecshop中的ajax对象是在js/transport.js文件中定义的。里面是ajax对象文件。声明了一个var Ajax = Transport;对象和一个方法Ajax.

1:首先ecshop是如何定义ajax对象的。

ecshop中的ajax对象是在js/transport.js文件中定义的。里面是ajax对象文件。

声明了一个var Ajax = Transport;对象和一个方法Ajax.call = Transport.run;

2:ecshop中ajax可以使用两种方式传递数据.一种是get方式,一种是post方式.

Ajax.call( 'user.php?act=is_registered', 'username=' + username, registed_callback , 'GET', 'TEXT', true, true );

Ajax.call('user.php?act=return_to_cart', 'order_id=' + orderId, returnToCartResponse, 'POST', 'JSON');

3:ecshop中的 ajax可以是传递text数据,也可以是一个json对象。比如以下代码

goods.quick    = quick;

goods.spec     = spec_arr;

goods.goods_id = goodsId;

goods.number   = number;

goods.parent   = (typeof(parentId) == "undefined") ? 0 : parseInt(parentId);

Ajax.call('flow.php?step=add_to_cart', 'goods=' + goods.toJSONString(), addToCartResponse, 'POST', 'JSON');

里面的goods就是对象.而且是靠json来传递的。返回的结果result也是对象.

4:ecshop ajax函数里面.第三个参数就是回掉函数的名称。比如以上代码addToCartResponse 这个函数就是ajax处理结果的回调函数.

5:在ecshop的php代码中,一般是通过get或者post方式来接受函数。比如以下例子,如果接受的是对象。还需要用json数据格式来处理.比如以下

include_once('includes/cls_json.php');

$_POST['goods'] = json_str_iconv($_POST['goods']);

处理的返回结果,也需要是json格式发送给js

die($json->encode($result));

以上就为大家简单的介绍了ecshop中ajax的调用原理与调用方法,当然这些只是最基础的东西,还需要大家在以后的应用中逐渐领会。

我是搬运工,侵删。谢谢大家

相关文章
|
4月前
|
XML 前端开发 JavaScript
AJAX 工作原理
**AJAX**利用JavaScript与`XMLHttpRequest`异步通信,结合DOM操作、CSS样式和XML数据格式,实现页面无刷新更新。Google Suggest在2005年通过此技术提升了用户体验,用户输入时动态获取搜索建议,展示了AJAX的平台无关性和创新交互。
|
5月前
|
XML 前端开发 JavaScript
ajax原理是什么?如何实现?
ajax原理是什么?如何实现?
73 0
|
4月前
|
XML 前端开发 JavaScript
AJAX 工作原理
AJAX是一种利用XMLHttpRequest对象、JavaScript/DOM、CSS和XML进行异步数据交换的技术,实现浏览器和平台无关的动态Web界面。Google Suggest在2005年通过使用AJAX,实现了用户输入关键词时实时显示搜索建议的功能,极大提升了用户体验。
|
13天前
|
XML 前端开发 JavaScript
ajax运行原理
AJAX(Asynchronous JavaScript and XML)是一种使网页能够在不重新加载整个页面的情况下与服务器异步通信的技术。尽管名字中有“XML”,但它支持多种数据格式,如JSON、HTML和纯文本。用户行为触发AJAX请求后,通过创建`XMLHttpRequest`对象或使用现代浏览器中的`fetch` API来配置并发送HTTP请求。请求完成后,可以通过回调函数处理服务器返回的数据,更新网页内容。现代JavaScript推荐使用更简洁强大的`fetch` API来实现AJAX功能,广泛应用于动态网页和单页应用中,提升用户体验。
|
5月前
|
XML 前端开发 JavaScript
AJAX 工作原理
**AJAX**利用XMLHttpRequest与服务器异步交互数据,结合JavaScript/DOM处理显示,CSS样式设计及XML数据格式,实现平台无关的动态Web应用。Google Suggest于2005年通过AJAX技术提供实时搜索建议,增强了用户体验。
|
4月前
|
XML 前端开发 JavaScript
AJAX 工作原理
**AJAX**利用**XMLHttpRequest**进行异步数据交换,结合**JavaScript/DOM**更新页面,借助**CSS**样式和**XML**数据格式,实现跨平台的动态Web应用。谷歌的**Google Suggest**在2005年展示了AJAX的力量,用户输入时即刻获取搜索建议,无需刷新页面。
|
4月前
|
XML 前端开发 JavaScript
AJAX 工作原理
**AJAX**利用**XMLHttpRequest**进行异步数据交换,结合**JavaScript/DOM**更新页面,借助**CSS**样式呈现,有时使用**XML**传输数据,实现跨平台的Web交互。标志性应用是2005年**Google Suggest**,它在用户输入时动态提供搜索建议,展示了AJAX提升用户体验的能力。
|
5月前
|
XML 前端开发 JavaScript
AJAX 工作原理
**AJAX**利用JavaScript与`XMLHttpRequest`对象异步通信,结合DOM操作、CSS样式及XML数据格式,实现页面无刷新更新。Google Suggest在2005年借助AJAX技术,展示了动态输入建议功能,提升了用户体验。此技术跨浏览器、跨平台,促进了Web交互性的革命。
|
5月前
|
XML 前端开发 JavaScript
AJAX 工作原理
**AJAX**利用**XMLHttpRequest**进行异步数据交换,结合JavaScript/DOM操控页面,CSS美化,XML处理数据,实现平台无关的动态交互。Google Suggest(2005)是其典范,输入关键词即实时获取搜索建议,提升用户体验。
|
5月前
|
XML 前端开发 JavaScript
AJAX 工作原理
**AJAX**利用**XMLHttpRequest**进行异步数据交换,结合**JavaScript/DOM**更新页面,**CSS**处理样式,**XML**传输数据,实现跨平台的交互。谷歌的**Google Suggest**(2005)展示了AJAX的力量,它在用户输入时动态获取建议,提升Web界面的互动体验。