ITKeyword,专注技术干货聚合推荐

注册 | 登录

前端验证的Ajax框架——myAjax.js

AlvinNoending 分享于 2015-01-04

推荐:JS前端框架10 Extjs5 使用Tips

本文不是教程,只是把最最常用的记在这里备查,就是一些代码段。 使用sencha cmd 1. 下载安装 https://www.sencha.com/products/extjs/cmd-download/ 打开命令行

2019阿里云全部产品优惠券(新购或升级都可以使用,强烈推荐)
领取地址https://promotion.aliyun.com/ntms/yunparter/invite.html

自己分装的前端Ajax框架,请各位批评指正~~


推荐:Ajax 框架_几种流行的 Ajax 框架 jQuery、Mootools、Dojo、Ext JS比较

AJAX是 Web 2.0 的基石(为了 RIA),现在流行的几种开源Ajax框架,如jQuery、Mootools、Dojo、Ext JS等,应该如何选择?Ajaxian在2007年进行了调查(数字为使用


/**
 * myAjax.js file is used by created Ajax in Web page.  这个文件是封装好的Ajax包,可以直接调用
 * @Author: Alvin Xing  邢嵩林
 * @Param:  servlet: It is servlet that deal with this Ajax.  需要处理的servlet(或者jsp或其他html)
 * dispatchPage: It is the url when validate successfully.  验证成功后跳转到这个url
 * changeDiv: It is the div ID that need changed by Ajax in JSP.  结果需要在这个Div里显示
 * waiting: It is a waiting things, which could let user feel good. It could be a img Tag.  等待加载的信息,可以穿图片,e.g:'<img src="a.jpg">'
 * params: It is the parameters you need send to servlet.  提交给servlet的参数
 * errStr: It is the errro information when validate failed.  验证失败时需要显示的错误信息,显示在id等于changDiv的元素里.
 * Tiptop: All parameters are String. you could use '',if you want to use it in "".
 *  注 意: 所有参数均为字符串,需加''或者"". 如果在""中使用,可以选择''.
 *  例 子: onclick="ajaxFunction('servlet','login.jsp','Div001','正在加载','a=10','该用户已注册')";
 *   //以上表达式表示: 将参数a=10发送给servlet,若成功,则返回login.jsp页面,若失败,则当前页面不提交,只在id="Div001"的标签中显示错误信息"该用户已注册"字样.
 */
 function ajaxFunction(servlet,dispatchPage,changeDiv,waiting,params, errStr){
//Create the Ajax
var xmlhttp;
if (window.XMLHttpRequest) {   // code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {   // code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
//Define the method to deal with the result.
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
var result = xmlhttp.responseText;
var temp = eval(result);
if(temp == true){
window.location.href=dispatchPage;
return false;
} else {
document.getElementById(changeDiv).innerHTML = errStr;
return false;
}
} else {
document.getElementById(changeDiv).innerHTML = waiting;  //<img src="wait.jpg">
}
}
//Open and Send the Ajax
// xmlhttp.open("GET","Ajax.html?way=get",true);    //Get方式的Ajax请求
// xmlhttp.send(null);
xmlhttp.open("Post", servlet, false); //Post方式的Ajax请求
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send(params);

}


推荐:前端开发者使用JS框架的三个等级

      目前前端开发者使用JS框架是种很普遍的现象,因为框架可以加快开发速度,同时避免各类浏览器的兼容性问题。不过同样是用框架开发,不同开发者的境界水平还

自己分装的前端Ajax框架,请各位批评指正~~ /**  * myAjax.js file is used by created Ajax in Web page.  这个文件是封装好的Ajax包,可以直接调用  * @Author: Alvin Xing  邢嵩林  * @Param

相关阅读排行


用户评论

游客

相关内容推荐

最新文章

×

×

请激活账号

为了能正常使用评论、编辑功能及以后陆续为用户提供的其他产品,请激活账号。

您的注册邮箱: 修改

重新发送激活邮件 进入我的邮箱

如果您没有收到激活邮件,请注意检查垃圾箱。