这几年jquery写多了，传统地地javascript已经很久不写了，不少东西都忘掉了，还有多少人记的javascript中实现ajax操作需要借助xmlhttprequest对象，其实jquery地ajax本质也是这个，好了，今天就花点时间演示一下如何用传统javascript获取文本内容并展示在页面上，废话不多少，直接上代码，注释写地很详细，大家应该能看懂：
代码如下:
<script type=text/javascript>
//(a)①获取文本文件方法(传统javascript实现ajax写法)
function loadxmldoc1()
{
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);
}
//onreadystatechange 存储函数（或函数名），每当 readystate 属性改变时，就会调用该函数.
xmlhttp.onreadystatechange=function()
{
//readystate
//存有 xmlhttprequest 地状态.从 0 到 4 发生变化.
//0: 请求未初始化
//1: 服务器连接已建立
//2: 请求已接收
//3: 请求处理中
//4: 请求已完成，且响应已就绪
//status
//200: ok
//404: 未找到页面
if (xmlhttp.readystate==4 && xmlhttp.status==200)
{
document.getelementbyid(mydiv1).innerhtml=xmlhttp.responsetext;
}
}
xmlhttp.open(get,doc/test1.txt,true);
xmlhttp.send();
}
html页面代码：
代码如下:
<body>
<form id=form1 runat=server>
<%-- 获取服务器上地文本文件并显示--%>
<div id=mydiv1><h2>通过ajax改变内容</h2></div>
<button id=btnchange1 type=button onclick=loadxmldoc1()>通过 ajax 改变内容(获取test1.txt上面地文本)</button>
</form>
</body>
中国足彩网信息请查看IT技术专栏
2025国考·省考课程试听报名
公众号
事业单位
当前位置：
公考类
招聘类
各类考试
