ecshop 中的 ajax 非常好用,
当自己第一次使用的时候,因为之前并没有看明白transport.js这个文件的具体内容.弄得有点迷糊.
细看了一下这个文件 在js目录下transport.js这个文件.里面代码太多.这里我就不讲了.
记录下怎么用的吧. 对新手来说.这个 ajax 封装文件确实很好用.
复制这个文件到你要应用的目录这个不用说了.
新建个事件.onclick或者onblur随便你. 看它默认名称吧.
给form表单return is_registered().
然后在js文件中增加一个is_registered函数
01.function is_registered( username )
02.var submit_disabled = false;
03.var unlen = username.replace(/[^/x00-/xff]/g, "**").length;
04.if ( username == '' )
05.document.getElementById('username_notice').innerHTML = msg_un_blank;
06.var submit_disabled = true; if ( !chkstr( username ) )
07.document.getElementById('username_notice').innerHTML = msg_un_format
08.;var submit_disabled = true;
09.if ( unlen < 3 ) {
10.document.getElementById('username_notice').innerHTML = username_shorter;
11.var submit_disabled = true;
12.}
13.if ( unlen > 14 )
14.document.getElementById('username_notice').innerHTML = msg_un_length;
15.var submit_disabled = true;
16.if ( submit_disabled )
17.document.forms['formUser'].elements['Submit'].disabled = 'disabled';
18.return false;
19.Ajax.call( 'user.php?act=chk_user', 'username=' + username, registed_callback , 'GET', 'TEXT', true, true );
对用户们的检测.上面的判断你自己写.主要的就是最后一行的ajax.call了.
分析下这行代码.
1.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的回调函数.
1.function registed_callback(result)
2.if ( result == 'true' )
3.document.getElementById('username_notice').innerHTML =msg_can_rg;
4.document.forms['formUser'].elements['Submit'].disabled = '';
5.else
6.document.getElementById('username_notice').innerHTML = msg_un_registered;
7.document.forms['formUser'].elements['Submit'].disabled = 'disabled';
registed_callback的result参数就是user.php?act=chk_user这里输出响应结果.
新闻热点
疑难解答