ajax html例子,AJAX实例[通俗易懂]

ajax html例子,AJAX实例[通俗易懂]AJAX实例实例一:一个简单的AJAX实例创建一个简单的XMLHttpRequest,从一个TXT文件中返回数据实例functionloadXMLDoc(){varxmlhttp;if(window.XMLHttpRequest){//IE7+,Firefox,Chrome,Opera,Safari浏览器执行代码xmlhttp=newXMLHttpRequest();}els…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

AJAX实例

实例一:一个简单的AJAX实例

创建一个简单的XMLHttpRequest,从一个TXT文件中返回数据

实例

function loadXMLDoc()

{

var xmlhttp;

if (window.XMLHttpRequest)

{

//  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码

xmlhttp=new XMLHttpRequest();

}

else

{

// IE6, IE5 浏览器执行代码

xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);

}

xmlhttp.onreadystatechange=function()

{

if (xmlhttp.readyState==4 && xmlhttp.status==200)

{

document.getElementById(“myDiv”).innerHTML=xmlhttp.responseText;

}

}

xmlhttp.open(“GET”,”ajax_info.txt”,true);

xmlhttp.send();

}

运行实例 »

点击 “运行实例” 按钮查看在线实例

效果图:

0cb51e4b4432d51c3956267463ed0040.gif

实例二:通过 XML HTTP 进行一次指定的 HEAD 请求

实例

function loadXMLDoc(url)

{

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”);

}

xmlhttp.onreadystatechange=function()

{

if (xmlhttp.readyState==4 && xmlhttp.status==200)

{

document.getElementById(‘p1’).innerHTML=”Last modified: ” + xmlhttp.getResponseHeader(‘Last-Modified’);

}

}

xmlhttp.open(“GET”,url,true);

xmlhttp.send();

}

运行实例 »

点击 “运行实例” 按钮查看在线实例

效果图:

2466fb4211906f25b5e3ff9b1d7ffc79.gif

实例三:把 XML 文件显示为 HTML 表格

实例

function onResponse()

{

if(xmlhttp.readyState!=4) return;

if(xmlhttp.status!=200)

{

alert(“Problem retrieving XML data”);

return;

}

txt=”

x=xmlhttp.responseXML.documentElement.getElementsByTagName(“CD”);

for (i=0;i

{

txt=txt + “

“;

xx=x[i].getElementsByTagName(“TITLE”);

{

try

{

txt=txt + “

” + xx[0].firstChild.nodeValue + “”;

}

catch (er)

{

txt=txt + “

 “;

}

}

xx=x[i].getElementsByTagName(“ARTIST”);

{

try

{

txt=txt + “

” + xx[0].firstChild.nodeValue + “”;

}

catch (er)

{

txt=txt + “

 “;

}

}

txt=txt + “

“;

}

txt=txt + “

“;

document.getElementById(‘copy’).innerHTML=txt;

}

运行实例 »

点击 “运行实例” 按钮查看在线实例

效果图:

0dca25de0789e955877f1d2df32497f1.gif

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/170672.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号