码迷,mamicode.com
首页 > Web开发 > 详细

自己封装的Ajax框架——myAjax.js

时间:2015-01-04 12:11:24      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:ajax   js   

以下是myAjax.js文件的全部内容,用法都在注释中,请查看。    封装的不好,请各位批评指正~~


/**

 * 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)
 * 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的参数
 * Tiptop: All parameters are String. you could use ‘‘,if you want to use it in "".
 *  注 意: 所有参数均为字符串,需加‘‘或者"". 如果在""中使用,可以选择‘‘.例如:onclick="ajaxFunction(‘servlet‘,‘Div001‘,‘正在加载‘,‘a=10‘)".
 */
 function ajaxFunction(servlet,changeDiv,waiting,params){
//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;
document.getElementById(changeDiv).innerHTML = result; 
} 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, true); //Post方式的Ajax请求
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send(params);
}

自己封装的Ajax框架——myAjax.js

标签:ajax   js   

原文地址:http://blog.csdn.net/alvinnoending/article/details/42388759

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!