0
点赞
收藏
分享

微信扫一扫

ajax原理和例子


XMLHttpRequest 返回数据



AJAX(异步javascript+xml)用于改善客户体验,核心是 XMLHttpRequest,它可以在不刷新页面的情况下,从服务器取得数据


取得的数据有两种方式:


responseText  获得字符串形式的响应数据。


responseXML  获得 XML 形式的响应数据。



代码如下:



<html> 

<head>

<script type="text/javascript">


var xmlhttp;

function getTest()

{

loadXMLDoc("http://www.w3school.com.cn/ajax/test1.txt",function()

{

if (xmlhttp.readyState==4 && xmlhttp.status==200)

{

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

}

});

}


function loadXMLDoc(url,cfunc)

{

// code for IE7+, Firefox, Chrome, Opera, Safari

xmlhttp=new XMLHttpRequest();

xmlhttp.onreadystatechange=cfunc;

xmlhttp.open("GET",url,true);

xmlhttp.send();

}

</script>

</head>

<body>


<div id="myDiv"><h2>使用ajax取得数据</h2></div>

<input type="button" οnclick="getTest()" value="点我改变内容"></input>


</body>

</html>


效果如图:





点击按钮后




  • ​​

    ajax原理和例子_ajax

    ​​
  • 大小: 20.9 KB
  • ​​

    ajax原理和例子_ajax_02

    ​​
  • 大小: 18.9 KB
  • ​​查看图片附件​​
举报

相关推荐

0 条评论