最简单的AJAX例子
日期：2014-05-18 浏览次数：20544 次
求一个最简单的AJAX例子
本人才学AJAX，想看看最简单的AJAX例子来学习
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<script type="text/javascript">
var xmlhttp;
function createHTTP()
{
//根据不同的浏览器创建XMLHttpRequest
if(window.ActiveXObject)
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
}
//开始调用
function startHTTP()
{
//创建对象
createHTTP();
//状态变化与事件挂钩
xmlhttp.onreadystatechange=StateDO;
//获取XML文件的数据
xmlhttp.open("GET","XMLFile.xml",true);
//不带任何参数
xmlhttp.send(null);
}
function StateDO()
{
//判断是否是完成状态
if(xmlhttp.readystate==4)
{
//判断是否执行成功
if(xmlhttp.status==200)
{
//更新页面上的某元素
document.getElementById("mytext").innerHTML=xmlhttp.responsetext;
}
}
}
</script>
</head>
<body>
<div style="DIRECTION: ltr; LETTER-SPACING: normal; POSITION: static; BACKGROUND-COLOR: #cc99ff; TEXT-ALIGN: center" id="mytext">这是旧数据</div>
<input type="button" value="更新DIV" onclick="startHTTP()" />
</body>
</html>
------解决方案--------------------
去俺博客看看: (左保推荐Ajax小方法,及使用方法)
http://blog.sina.com.cn/tecz
------解决方案--------------------
对于熟练开发人员，在已经调试好的页面上用鼠标拖入一个UpdatePanel控件，然后把页面上原来的那个GridView拖入UpdatePanel，只要几秒钟秒钟就可以干完这个事了。无需多余地使用复杂做法。
------解决方案--------------------
使用asp.net ajax的人，可以方便地对整个页面都彻底地实行Ajax交互，而不是仅仅在一两个特别简单的录入框用Ajax取得一点噱头。
------解决方案--------------------
刚刚回复的一个例子：http://topic.csdn.net/u/20081005/15/e2acd90e-7089-440a-8da6-9dcf3f2053d1.html
以前回复过很多。
本人才学AJAX，想看看最简单的AJAX例子来学习
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<script type="text/javascript">
var xmlhttp;
function createHTTP()
{
//根据不同的浏览器创建XMLHttpRequest
if(window.ActiveXObject)
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
}
//开始调用
function startHTTP()
{
//创建对象
createHTTP();
//状态变化与事件挂钩
xmlhttp.onreadystatechange=StateDO;
//获取XML文件的数据
xmlhttp.open("GET","XMLFile.xml",true);
//不带任何参数
xmlhttp.send(null);
}
function StateDO()
{
//判断是否是完成状态
if(xmlhttp.readystate==4)
{
//判断是否执行成功
if(xmlhttp.status==200)
{
//更新页面上的某元素
document.getElementById("mytext").innerHTML=xmlhttp.responsetext;
}
}
}
</script>
</head>
<body>
<div style="DIRECTION: ltr; LETTER-SPACING: normal; POSITION: static; BACKGROUND-COLOR: #cc99ff; TEXT-ALIGN: center" id="mytext">这是旧数据</div>
<input type="button" value="更新DIV" onclick="startHTTP()" />
</body>
</html>
------解决方案--------------------
去俺博客看看: (左保推荐Ajax小方法,及使用方法)
http://blog.sina.com.cn/tecz
------解决方案--------------------
对于熟练开发人员，在已经调试好的页面上用鼠标拖入一个UpdatePanel控件，然后把页面上原来的那个GridView拖入UpdatePanel，只要几秒钟秒钟就可以干完这个事了。无需多余地使用复杂做法。
------解决方案--------------------
使用asp.net ajax的人，可以方便地对整个页面都彻底地实行Ajax交互，而不是仅仅在一两个特别简单的录入框用Ajax取得一点噱头。
------解决方案--------------------
刚刚回复的一个例子：http://topic.csdn.net/u/20081005/15/e2acd90e-7089-440a-8da6-9dcf3f2053d1.html
以前回复过很多。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
