JavaScript基于Ajax实现不刷新在网页上动态显示文件内容
2015-03-25 09:17
941 查看
本文实例讲述了JavaScript基于Ajax实现不刷新在网页上动态显示文件内容的方法。分享给大家供大家参考。具体如下:
下面的JS代码是一个最基础的JS的ajax实现,可以动态显示服务器上的文件ajax_info.txt文件的内容
<!DOCTYPE html> <html> <head> <title>sharejs.com</title> <script> 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","ajax_info.txt",true); xmlhttp.send(); } </script> </head> <body> <div id="myDiv"><h2>Let AJAX change this text</h2></div> <button type="button" onclick="loadXMLDoc()">Change Content</button> </body> </html>
希望本文所述对大家的Ajax程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- Ajax实现在textbox中输入内容,动态从数据库中模糊查询显示到下拉框中
- [导入]Ajax实现在textbox中输入内容,动态从数据库中模糊查询显示到下拉框中
- Struts+Ajax实现定时刷新Table内容,实现在线人员显示
- Javascript与asp.net 实现Ajax多文件无刷新上传
- Ajax实现在textbox中输入内容,动态从数据库中模糊查询显示到下拉框中(ZT)
- Javascript与asp.net 实现Ajax多文件无刷新上传
- 动态创建表格js文件,javascript,Ajax,DHTML动态实现表格的创建,动态读取XML中的文件,读取dom节点的例子。
- ajaxpro实现在textbox中输入内容,动态从数据库中模糊查询显示到下拉框中
- 使用xml+jsp技术实现网页内容动态显示的方案
- 利用ajax技术实现网页无刷新进度条显示
- 利用AJAX技术实现网页无刷新进度条显示
- Javascript与asp.net 实现Ajax多文件无刷新上传【转】
- Ajax实现在textbox中输入内容,动态从数据库中模糊查询显示到下拉框中
- [荐]Javascript与asp.net 实现Ajax多文件无刷新上传
- Ajax实现在textbox中输入内容,动态从数据库中模糊查询显示到下拉框中
- 利用AJAX技术实现网页无刷新进度条显示
- Ajax实现在textbox中输入内容,动态从数据库中模糊查询显示到下拉框中
- 利用AJAX技术实现网页无刷新进度条显示
- Ajax实现在textbox中输入内容,动态从数据库中模糊查询显示到下拉框中
- 利用AJAX技术实现网页无刷新进度条显示