xmlhttp对象的简单封装-白红宇的个人博客

xmlhttp对象的简单封装

发布日期：2022-02-05 18:27:41 浏览次数：18 分类：技术文章

本文共 1886 字，大约阅读时间需要 6 分钟。

xmlhttp对象好用，但是一个页面如果有很多次调用的话，写起来也很麻烦，所以，这里简单封装了一下，可以作为对象来调用

ajax.js:

function ajaxsz() {

var xmlHttp;

if(window.XMLHttpRequest) {

xmlHttp = new XMLHttpRequest();

}

else if(window.ActiveXObject) {

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}

this.rep = xmlHttp;

this.sendData = function(method,URL,asy,fun) {

if (asy)//异步

{

xmlHttp.onreadystatechange = function(){//此处检测状态，知道符合要求时，才会执行事件

if(xmlHttp.readyState==4 && xmlHttp.status == 200){

fun(xmlHttp);

}

if(method == "POST") {

xmlHttp.open("POST",URL,true);

xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

xmlHttp.send(null);

}

else {

xmlHttp.open("GET",url,true);

xmlHttp.send(null);

}

else {

if(method == "POST") {

xmlHttp.open("POST",URL,false);

xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

xmlHttp.send(null);

}

else {

xmlHttp.open("GET",url,false);

xmlHttp.send(null);

}

return xmlHttp.responseText;

}

服务器端简单处理：

protected void Page_Load(object sender, EventArgs e)

{

if (!string.IsNullOrEmpty(Request["UserName"]))

{

Response.Write("您好!" + Request["UserName"]);

}

else

{

Response.Write("您好!");

}

调用页面:

<html>

<head>

<title>Ajax测试页</title>

function getStr(){

var userName = document.getElementById("Text1").value;

var myajax = new ajaxsz();

myajax.sendData("POST","=" + userName,true,aa);

}

function aa(xmlhttp)

{

document.getElementById("mystr").innerHTML = xmlhttp.responseText;

}

</script>

</head>

返回字符串<br />

 <br />

</div>

输入您的姓名<input id="Text1" style="width: 125px" type="text" />

</div>

</body>

</html>

转载地址：https://blog.csdn.net/lisong58420/article/details/2304115 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！

上一篇：c#.net多线程编程教学——线程同步

下一篇：sql百万级数据通用分页类asp.net版

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

推荐文章