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)
blank

相关推荐

  • 自动加密web.config配置节批处理

    自动加密web.config配置节批处理

  • JSONObject与JSONArray的使用

    JSONObject与JSONArray的使用

  • java课程设计成绩管理系统_Java课程设计–学生成绩管理系统

    java课程设计成绩管理系统_Java课程设计–学生成绩管理系统一、团队名称:##团队成员林艺薇201721123032网络1712黄毓颖201721123033网络1712唐川201721123034网络1712梁才玉201721123038网络1712##任务分配#三、项目git提交记录截图#四、项目功能架构图与主要功能流程图##思维导图##成绩管理流程图#五、项目运行截图##主界面##选择用户##教师登陆界面##…

  • 动态迁移_动作迁移

    动态迁移_动作迁移概念在虚拟化环境中的迁移,又分为动态迁移,静态迁移,也有人称之为冷迁移和热迁移,或者离线迁移在线迁移;静态迁移和动态迁移的区别就是静态迁移明显有一段时间客户机的服务不可用,而动态迁移则没有明显的服务暂停时间,静态迁移有两种1,是关闭客户机将其硬板镜像复制到另一台宿主机系统,然后回复启动起来,这种迁移不保留工作负载,2是,两台客户机公用一个存储系统,关闭一台客户机,防止其内存到另一台宿主机,这样做的

    2022年10月25日
  • 软件测试用例常用七大方法

    软件测试用例常用七大方法第一:测试用例格式包括十大特点用例编号测试项测试标题用例属性重要级别:高中低预置条件测试输入操作步骤预期结果实际结果第二:等价类1,等价类定义2,等价类划分3,等价类划分规则4,进行等价类用例设计5,案例加以说明第三:边界值1,边界值的三点2,边界值应用场景3,边界值方法应用步骤第四:判定…

  • 15款android设备上的代码编辑器

    15款android设备上的代码编辑器如果你希望你的Android设备,如智能手机和平板电脑,在任何时间和任何地方都能够编写代码,那么,不妨看看下面我将介绍的15款Android代码编辑器,它们必将成为你的理想工具。1.DeuterIDE一款基于移动开发的文本编辑器,在线编译器,内置支持Android的集成开发环境。它的虚拟按键可提供常用的编程符号和语法高亮功能,并支持超过40种编程语言,从而能让你在旅途中写代码变得从未如此简单。

发表回复

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

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