您的位置：首页 > 其它

菜鸟必备教程，ajax与xml交互传输数据。

2016-03-17 16:41 447 查看

今天，公司让学习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>

至此，功能完美实现。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航