菜鸟必备教程,ajax与xml交互传输数据。
2024-10-15 08:21:25
今天,公司让学习ajax,然而我并不会,着急到爆炸,boom~~啥卡拉咔。看着教程一步一步摸索,写出来交互页面,写代码真的好惆怅啊。
额,不说废话,下面是源代码。
首先是ajax的代码,注释真的很重要~~~
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
function loadXMLDoc(url){
var xmlhttp; if(window.XMLHttpRequest)
{//如果是高级浏览器使用
xmlhttp=new XMLHttpRequest();
}else
{//否则是ie使用
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4 && xmlhttp.status==200)
{//readyState指的是的交互状态.为4就是交互完成 ,status指http状态码,200指正常完成
document.getElementById("mydiv").innerHTML=xmlhttp.responseText;
//输出
}
}
xmlhttp.open("GET","xml.xml",true);
xmlhttp.send();
};
</script>
</head>
<body>
<div id="mydiv"><h2>撒大事</h2></div>
<button type="button" onclick="loadXMLDoc('xml.xml')">更改内容</button>
</body>
</html>
接着来xml代码,话说xml的代码真的好方便啊。
<?xml version="1.0"?>
<!--必用!识别xml--> <h1>
I'm from China
</h1>
至此,功能完美实现。
最新文章
- RBAC类的方法
- eclipse平台
- Matlab boxplot for Multiple Groups(多组数据的箱线图)
- [Tommas] 测试用例覆盖率(一)
- Unable to locate the Javac Compiler 解决办法
- 使用js 在IE和火狐firfox 里动态增加select 的option
- JavaScript学习总结(十六)——Javascript闭包(Closure)
- HDU ACM 2845 Beans-&;gt;动态规划
- Amazon SQS简单介绍 上篇
- 基于php(Thinkphp)+jquery 实现ajax多选,反选,不选 删除数据 新手学习向
- day02 : JPA的基本使用和多种缓存技术对比
- oracle控制文件问题
- File类_构造函数
- 【BZOJ3242】【UOJ#126】【NOI2013】快餐店
- SDN期末作业博客
- 初识SolrJ开发, schema.xml的配置与服务初始化.
- 并发库应用之三 &; 线程池与定时器应用
- c++中new/operator new/placement new
- 几个主流的Java连接池整理
- VMware安装虚拟机Ubuntu提示piix4_smbus 0000:00:007.3: Host SMBus controller not enabled错误解决办法