JS实现ajax 封装成方法

最新推荐文章于 2023-09-20 10:27:08 发布

TByoung

最新推荐文章于 2023-09-20 10:27:08 发布

阅读量2.8k

点赞数 1

分类专栏： JS JAVA开发技术心得文章标签： JS javascript java html ajax

本文链接：https://blog.csdn.net/qq_19524879/article/details/39048431

版权

JS 同时被 2 个专栏收录

33 篇文章 0 订阅

订阅专栏

JAVA开发技术心得

26 篇文章 0 订阅

订阅专栏

ajax 现在有很多就叫方便的前台框架都有实现比如 jquery

下面我们来实现一下JS的ajax

var xmlHttp;
//创建xmlHttp对象；
function createxmlHttp()
{
	if(window.ActiveXObject)
    {xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");}
    else
    {xmlHttp=new XMLHTTPRequest();} 
}
//向服务器发出请求也就是向Default.aspx页面发出请求；
function createRequest(url,submitsion,datavalue,callback)
{
	
	createxmlHttp();
	xmlHttp.open(submitsion,url,true);
	xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
	xmlHttp.onreadystatechange=callback;
	if(submitsion=="post"&&datavalue!="")
	{xmlHttp.send(datavalue);}
	if(submitsion=="get")
	{xmlHttp.send(null);}
}

页面的调用

直接调用createRequert（）方法

里面的几个参数 url 你访问的路径

submitsion 你的请求类型 post 或者 get

datavalue 你访问路径的串的参数 name=name&no=no之类的

callback 你的回调函数

回调函数

function DoResponse()//服务器Default.aspx响应本页面并从服务器带回xmlHttp.responseText；
{
    if(xmlHttp.readystate==4)
    {
        if(xmlHttp.status==200)
        {
        	
        	alert("成功！");
        }
        else
        {alert("系统错误！");}
    }
}

会点函数的名称可以随便定义不固定