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

页面导航:首页 > 网络编程 > JavaScript > 自己封装的Ajax框架——myAjax.js

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

来源: 作者: 时间:2016-02-04 09:15 【

以下是myAjax js文件的全部内容,用法都在注释中,请查看。 封装的不好,请各位批评指正~~ *** myAjax js file is used by created Ajax in Web page 这个文件是封装好的Ajax包,可以直接调用*

以下是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(或者或其他)
* 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:'
* 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; //
}
}
//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);
}
Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<