ajax基本通用代码示例

 更新时间:2016年05月30日 09:40:53   作者:keyunq   我要评论
这篇文章主要介绍了ajax基本通用代码,简单分析了常用ajax的定义与使用技巧,需要的朋友可以参考下

本文实例讲述了ajax基本通用代码。分享给大家供大家参考,具体如下:

<html>
<head>
<script type="text/JavaScript">
var xmlhttp
function loadXMLDoc(url)
{
 // code for Mozilla, etc.
 if (window.XMLHttpRequest)
 {
 xmlhttp=new XMLHttpRequest()
 xmlhttp.onreadystatechange=state_Change
 xmlhttp.open("GET",url,true)
 xmlhttp.send(null)
 }
 // code for IE
 else if (window.ActiveXObject)
 {
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
  if (xmlhttp)
  {
  xmlhttp.onreadystatechange=state_Change
  xmlhttp.open("GET",url,true)
  xmlhttp.send()
  }
 }
}
function state_Change()
{
 // if xmlhttp shows "loaded"
 if (xmlhttp.readyState==4)
 {
 // if "OK"
 if (xmlhttp.status==200)
 {
 document.getElementById('T1').innerHTML=xmlhttp.responseText
 }
 else
 {
 alert("Problem retrieving data:" + xmlhttp.statusText)
 }
 }
}
</script>
</head>
<body onload="loadXMLDoc('test_xmlhttp.txt')">
<div id="T1" style="border:1px solid black;height:40;width:300"></div><br />
<button onclick="loadXMLDoc('test_xmlhttp2.txt')">Click</button>
</body>
</html>

更多关于ajax相关内容感兴趣的读者可查看本站专题:《jquery中Ajax用法总结》、《JavaScript中ajax操作技巧总结》、《PHP+ajax技巧与应用小结》及《asp.net ajax技巧总结专题》。

希望本文所述对大家ajax程序设计有所帮助。

相关文章

  • 零基础学习AJAX之制作自动校验的表单

    零基础学习AJAX之制作自动校验的表单

    这篇文章主要介绍了零基础学习AJAX之制作自动校验的表单,需要的朋友可以参考下
    2015-01-01
  • 在dom4j中使用XPath的简单实例

    在dom4j中使用XPath的简单实例

    下面小编就为大家带来一篇在dom4j中使用XPath的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • 原生ajax写的上拉加载实例

    原生ajax写的上拉加载实例

    下面小编就为大家分享一篇原生ajax写的上拉加载实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • Ajax犯的错误处理方法

    Ajax犯的错误处理方法

    ajax 发送请求时状态判断 if else 语句问题如何解决呢?接下来通过本文给大家分享ajax犯的错误处理方法,对ajax错误感兴趣的朋友一起看看吧
    2016-09-09
  • AJAX开发者的最新工具和技术

    AJAX开发者的最新工具和技术

    AJAX开发者的最新工具和技术...
    2006-09-09
  • Ajax xmlHttpRequest的status的值的含义

    Ajax xmlHttpRequest的status的值的含义

    虽然常写ajax方面的东西,但是很少去专门了解xmlHttpRequest的status各个值的含义,今天在开发的过程中又遇到了问题,查过资料后,将他人已总结过的转载一下,学习学习。
    2010-03-03
  • Ajax实现动态显示并操作表信息的方法

    Ajax实现动态显示并操作表信息的方法

    今天小编就为大家分享一篇Ajax实现动态显示并操作表信息的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • 不使用XMLHttpRequest对象实现Ajax效果的方法小结

    不使用XMLHttpRequest对象实现Ajax效果的方法小结

    这篇文章主要介绍了不使用XMLHttpRequest对象实现Ajax效果的方法,结合具体实例形式分析了三种不使用XMLHttpRequest对象实现Ajax功能的相关实现技巧与操作注意事项,需要的朋友可以参考下
    2019-07-07
  • Ajax返回数据之前的loading等待效果

    Ajax返回数据之前的loading等待效果

    我们通过ajax请求,向后台传递参数,然后后台经过一系列的运算之后向前台返还数据,我希望在等待数据成功返还之前可以展示一个loading.gif图。接下来通过本文给大家分享Ajax返回数据之前的loading等待效果,需要的朋友可以参考下
    2017-08-08
  • 纯JS实现AJAX局部刷新功能

    纯JS实现AJAX局部刷新功能

    下面给大家介绍JS实现AJAX局部刷新功能,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。对ajax实现局部刷新功能感兴趣的朋友一起看看吧
    2017-02-02

最新评论