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

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • MessageDigest用法[通俗易懂]

    MessageDigest用法[通俗易懂]为什么要使用MessageDigest?某些金融行业用于进行简单的密码加密。例如:需求某银行对数据库账户取款密码加密。为了保护客户信息的安全,客户取款密码只能客户自己知道,银行方面对此加密,加密后数据保存的数据库。此时可以用MessageDigest进行加密,以及后续其他方案再次加密。MessageDigest是什么?java.security.MessageDigest类…

    2022年7月11日
    14
  • 施密特触发器常用于脉冲整形与变换(高频方波转正弦波电路)

    大家好,又见面了,我是你们的朋友全栈君。

    2022年4月18日
    63
  • (精华)转:RDD:创建的几种方式(scala和java)

    (精华)转:RDD:创建的几种方式(scala和java)转:https://blog.csdn.net/weixin_38750084/article/details/82769600下面开始初始化sparkspark程序需要做的第一件事情,就是创建一个SparkContext对象,它将告诉spark如何访问一个集群,而要创建一个SparkContext对象,你首先要创建一个SparkConf对象,该对象访问了你的应用程序的信息比如下面的代码是运行在spark模式下 publicclasssparkTestCon{ …

    2022年6月3日
    41
  • 随机数生成算法

    随机数生成算法转自:https://www.cnblogs.com/ECJTUACM-873284962/p/6926203.html1、蒙特卡洛法  蒙特卡罗方法又称统计模拟法、随机抽样技术,是一种随机模拟方法,以概率和统计理论方法为基础的一种计算方法,是使用随机数(或更常见的伪随机数)来解决很多计算问题的方法。将所求解的问题同一定的概率模型相联系,用电子计算机实现统计模拟或抽样,以获得问题的近似…

    2022年7月26日
    4
  • css3中的calc()

    css3中的calc()

    2022年1月31日
    39
  • gamma分布的分布函数_gamma分布和beta分布

    gamma分布的分布函数_gamma分布和beta分布1.Gamma函数首先我们可以看一下Gamma函数的定义:Γ(x)=∫∞0tx−1e−tdtΓ(x)=∫0∞tx−1e−tdt\Gamma(x)=\int_{0}^{\infty}t^{x-1}e^{-t}dtGamma的重要性质包括下面几条:1.递推公式:Γ(x+1)=xΓ(x)Γ(x+1)=xΓ(x)\Gamma(x+1)=x\Gamma(x)2.对于正整数n,有…

    2022年10月12日
    0

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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