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這里輸出響應結果.
新聞熱點
疑難解答