《reqAjax框架应用.doc》由会员分享，可在线阅读，更多相关《reqAjax框架应用.doc（4页珍藏版）》请在金锄头文库上搜索。
1、reqAjax框架应用简介什么是reqAjax 1. reqAjax 框架是由jquery的$.ajax()函数库封装Ajax框架，关于jquery的$.ajax()函数的具体应用，见jquery相关文档理由 1. 它使开发团队代码统一，且容易调试；2. 它对于系统升级，jquery版本升级，有着很强的控制性； 3. 它可以在reAjax底层换掉$.ajax函数或不再使用jquery作为应用，对系统其它部分不会有任何影响；配置 在要应用ajax的页面引入reqAjax相关js文件(以下(“resources_js_1)部分为资源文件(.js)所在的目录)应用reqAjax 原型(参数应用说明)
2、/*function:ajax 请求处理*author:tiger*copyright:ActiveNet Logics IT Co.,Ltd.*date:2009-07-15*params:reqUrl请求页面url, reqParams 请求参数, callFunction 回调方法 reqType 请求方法(POST默认, GET), reqDataType 请求时所返回的数据类型(xml,script,json默认,html), queryImg 请求时要显示的图片， queryBut请求时要禁止的按钮， param_timeout超时时间(默认6000)， param_async是否
3、同步(false|true)， param_cache是否缓存(false|true)*example: reqAjax(friendslistAction.php,reqAct=getonlineusers_bypage,callback_getUserListToGroup);*/js部分(json数据类型方式)/请求初始数据var BASE_URL=10.66.1.221/projs/;function get_initdata()var url=BASE_URL+get_initdata.html;var params=reqAct=GET_INITDATA;var cart_coun
4、ts=0;reqAjax(url,params,function(data)if(typeof(data.error) != undefined)if($.trim(data.error) != )/出错时的一些处理if($.trim(data.error)=timeout) setTimeout(get_initdata,500);/请求超时，重新请求return;else var json_datas=data.datas;/这里是调用成功后反回的值 elsealert(data error);,POST,json,loading,sub_but);get_initdata();php部分
5、(get_initdata.php)$reqAct =trim($_POSTreqAct);if($reqAct=GET_INITDATA) $ret_data=array();$error_info=;if(check_login(3)$ret_dataUSER_DATA=array(USER_ID=$userdatauser_id,USER_NAME=$userdatauser_name,);else $error_info=您还没有登录，获取数据失败！; printAjaxJSON($ret_data,$error_info);js部分(html数据类型方式)/根据产品分类获取产品分类v
6、ar BASE_URL=10.66.1.221/projs/;function get_brand(cate_id)var brand_area = _$(brand_area);if( brand_area = null | brand_area = undefined )return ;if(cate_id = | cate_id = 0)brand_area.innerHTML = ;return ;var url=BASE_URL+get_brand_by_cate.php;var params=cate_id= + cate_id;reqAjax(url,params,functio
7、n(data)brand_area.innerHTML = data;,POST,html,null,null);php部分(get_brand_by_cate.php)echo 请选择 品牌1 品牌2 品牌3;exit;jquery.watermark(文本框/输入框水印)应用配置 在要应用jquery.watermark的页面引入其相关js文件(以下(“resources_js_1)部分为资源文件(.js)所在的目录)使用html 部分 js部分 $(document).ready(function() $(#txtMobile).watermark(输入您的手机号码，例：13812345
8、678); $(#user_name).watermark(输入您用户名/或邮箱); ); /表单提交验证部分 function submit_frm() $.watermark.hide(#txtMobile); $.watermark.hide(#user_name); 或者 $.watermark.hideAll(); var mb_val=$.trim($(#txtMobile).val(); var un_val=$.trim($(#user_name).val(); if(mb_val=)alert(输入您的手机号码。);return; if(un_val=)alert(输入您用户名/或邮箱。);return;
