使用AJAX的最简单示例
2017-12-21 00:00
295 查看
示例1:
新建两个文件
test.html
test1.txt
部署运行
点击“通过AJAX改变内容”
myDiv里的内容就会在页面没刷新的情况下替换成test1.txt里的内容。
新建两个文件
test.html
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript"> function loadXMLDoc() { 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("myDiv").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","test1.txt",true); xmlhttp.send(); } </script> </head> <body> <div id="myDiv"><h2>Let AJAX change this text</h2></div> <button type="button" onclick="loadXMLDoc()">通过 AJAX 改变内容</button> </body> </html>
test1.txt
AJAX is not a programming language.It is just a technique for creating better and more interactive web applications.
部署运行
点击“通过AJAX改变内容”
myDiv里的内容就会在页面没刷新的情况下替换成test1.txt里的内容。
相关文章推荐
- 使用jQuery的ajax功能简单示例
- MVC中使用ajax和json传递数据简单示例
- SpringMVC(26):简单的json数据校验示例(实现功能:使用jQuery框架的ajax()方法来实现 userCode的校验)
- ajax 小例子 示例 简单应用 如何使用
- xmlHTTP xmlDOC 与 C#中DataSet的结合 实现AJAX简单示例
- 如何使用DOTMSN开发简单的MSN机器人示例(附示例源码)
- AJAX在PHP中的简单使用
- Ajax简单示例,用来实时刷新服务器内存
- AJAX在PHP中的简单使用
- 使用简单的Ajax Framework -MagicAjax.NET
- MagicAjax.Net的使用要点和简单例子
- 下拉列表联动总结(AJAX下拉列表联动简单示例)(lip009的专栏)
- 在ASP.NET中使用AJAX的简单方法
- 面向 Java 开发人员的 Ajax: 结合 Direct Web Remoting 使用 Ajax----数据序列化不可能比这更简单了!
- Ajax简单示例之改变下拉框动态生成表格
- Ajax简单示例之改变下拉框动态生成表格
- 一套使用简单的Ajax服务器控件-Anthem.NET
- ajax简单示例(XML+XSLT+JavaScript+JAVA)(version1)
- 用AJAX的Get和Post调用Servlet的简单示例。
- 使用MD5加密注册用户密码的简单示例