加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

学习Ajax 1

发布时间:2020-12-15 21:01:57 所属栏目:百科 来源:网络整理
导读:function click(){ if (window.XMLHttpRequest){//进入此处则表示是IE7 IE8 火狐 MOZILLA,SAFARI,OP ERAvar xmlhttp = new XMLHttpRequst(); //上述浏览器 可以直接NEW出XMLHttpRequest对象 //由于Mozilla某些版本浏览器相应httprequest缺失mime头的无法工作
function click()
{
if (window.XMLHttpRequest)
{
//进入此处则表示是IE7 IE8 火狐 MOZILLA,SAFARI,OP ERA
var xmlhttp = new XMLHttpRequst(); //上述浏览器 可以直接NEW出XMLHttpRequest对象
//由于Mozilla某些版本浏览器相应httprequest缺失mime头的无法工作情况,需要加上下面的句子,假设服务器发送来的头不是text/html,则要进行忽略
 if(xmlhttp.overrideMimeType)
{
	xmlhttp.overrideMimeType("text/xml");
}
else if(window.ActiveXObject)//如果返回的是真,则是IE6,IE5.5,IE5
{
	//实际上 所有的IE都会为真,所以这句要在前面那个IF之后进行判断。IE7 IE8有原生的 XMLHTTPREQUEST对象了
	var activexName = {...};//一堆控件名,此处略
	for(var i=0;i<activeName.length;i++)
	{
		try
		}
			var xmlhttp = new ActiveXObject(activeName[i]);
			break;	
		}
		catch(e)
		{
		}
	}
}
xmlhttp.onreadystatechange=callback; //定义回调方法;
//第三步 设置和服务器交互的相应参数  method+url+同步异步+username+passw
xmlhttp.open("GET","AJAX?name"+某某控件的值,true);
//第四步 设置向服务器发送的数据,如果是post则在此出传参数,不在URL后面加参数了
xmlhttp.send(null);

function callback()

{

//第五步,判断和服务器交互是否完成,以及服务端是否正确返回了数据

if(xmlhttp.readyState==4)

{

if(xmlhttp.status==200)

{

//纯文本数据的接收方法

var message =xmlhttp.responseText;

//XML数据对应的DOM对象的接收方法

//此方法使用有个前提,要求服务器端要设置contenttype为text/xml

//否则无法接收所期望的DOM对象

var domXML=xmlhttp.responseXML;

var div =document.getElementById("message");//message可以是DIV 或者是SPAN

div.innerHTML=message;//采用内联的形式输出结果

}

}

}

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读