您现在的位置是:首页 > cms教程 > Ecshop商城教程Ecshop商城教程

ecshop中ajax.call使用方法见解

怜蕾2024-12-26Ecshop商城教程已有人查阅

导读ecshop中的ajax非常好用, 当自己第一次使用的时候,因为之前并没有看明白transport.js这个文件的具体内容.弄得有点迷糊. 细看了一下这个文件 在js目录下transport.js这个文件

ecshop中的ajax非常好用, 当自己第一次使用的时候,因为之前并没有看明白transport.js这个文件的具体内容.弄得有点迷糊. 细看了一下这个文件 在js目录下transport.js这个文件.里面代码太多.这里我就不讲了. 记录下怎么用的吧. 对新手来说.这个 ajax 封装文件确实很好用. 复制这个文件到你要应用的目录这个不用说了. 新建个事件.onclick或者onblur随便你. 看它默认名称吧. 给form表单return is_registered().
然后在js文件中增加一个is_registered函数
function is_registered( username )
var submit_disabled = false;
var unlen = username.replace(/[^\x00-\xff]/g, "**").length;
if ( username == '' )
document.getElementById('username_notice').innerHTML = msg_un_blank;
var submit_disabled = true; if ( !chkstr( username ) )
document.getElementById('username_notice').innerHTML = msg_un_format;
var submit_disabled = true;
if ( unlen < 3 ) {
document.getElementById('username_notice').innerHTML = username_shorter;
var submit_disabled = true;
}
if ( unlen > 14 )
document.getElementById('username_notice').innerHTML = msg_un_length;
var submit_disabled = true;
if ( submit_disabled )
document.forms['formUser'].elements['Submit'].disabled = 'disabled';
return false;
Ajax.call( 'user.php?act=chk_user', 'username=' + username, registed_callback , 'GET', 'TEXT', true, true );
对用户们的检测.上面的判断你自己写.主要的就是之后一行的ajax.call了. 分析下这行代码.
Ajax.call( 'user.php?act=chk_user', 'username=' + username, registed_callback , 'GET', 'TEXT', true, true );
ajax.call后面的参数分别是(请求的URL地址,发送参数,回调函数,请求的方式,有"GET"和"POST"两种,响应类型,有"JSON"、"XML"和"TEXT"三种,是否异步请求的方式,是否安静模式请求) * 调用此方法发送HTTP请求. * @public * @param {string} url 请求的URL地址 * @param {mix} params 发送参数 * @param {Function} callback 回调函数 * @param {string} ransferMode 请求的方式,有"GET"和"POST"两种 * @param {string} responseType 响应类型,有"JSON"、"XML"和"TEXT"三种 * @param {boolean} asyn 是否异步请求的方式 * @param {boolean} quiet 是否安静模式请求 */ 好比上面的例子,我们在js文件中继续添加一个registed_callback的回调函数.
function registed_callback(result)
if ( result == 'true' )
document.getElementById('username_notice').innerHTML =msg_can_rg;
document.forms['formUser'].elements['Submit'].disabled = '';
else
document.getElementById('username_notice').innerHTML = msg_un_registered;
document.forms['formUser'].elements['Submit'].disabled = 'disabled';
registed_callback的result参数就是user.php?act=chk_user这里输出响应结果.

本文标签:

很赞哦! ()

相关源码

  • WordPress个人博客主题 - wp-Concise-v1.0免费下载wp-Concise-v1.0是一款专为个人博客设计的简约风格主题,采用全宽排版设计理念,注重内容呈现效果。该模板适用于个人随笔、技术分享、生活记录等博客场景,帮助用户打造专业的内容展示空间。查看源码
  • (自适应响应式)HTML5电脑手机电子数码产品配件pbootcms模板下载本模板为电脑配件、手机配件及数码周边产品企业设计,基于PbootCMS内核开发。采用现代化响应式布局,适配各类移动设备,能够专业展示各类电子产品配件参数、应用场景和技术特点。模板内置多种产品展示模块,满足不同类型配件企业的展示需求。查看源码
  • (自适应)蓝色五金制品配件管件pbootcms网站源码下载基于PbootCMS内核开发的五金行业专用模板,采用响应式设计架构,确保产品展示在各类移动设备上的呈现。通过模块化布局与工业风视觉设计,帮助五金企业高效展示产品规格、应用场景及技术支持,建立专业可靠的行业形象。查看源码
  • pbootcms源码宠物类网站源码下载(自适应多端)为宠物装备商店、宠物食品及用品企业打造的营销型模板,基于PbootCMS内核深度开发。采用响应式设计实现PC与移动端适配,PHP7.0+高性能架构支持MySQL/SQLite双数据库查看源码
  • (自适应响应式)动力刀座五金机械设备pbootcms网站源码下载为动力刀座及五金机械企业定制的响应式网站框架,基于PbootCMS系统深度开发,助力传统制造企业实现数字化转型升级。采用手工编写的DIV+CSS前端架构,代码执行效率提升40%。查看源码
  • (自适应)pbootcms模板五金元件气缸气动系统源码下载基于PbootCMS核心开发的气缸气动系统网站模板,为五金元件、气动设备制造企业设计。采用响应式布局技术,自动适配手机、平板等移动设备,确保各类终端用户获得良好浏览体验。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐