JS ajax

以为ajax很难,其实很简单。。

<html>
<head>
<script type="text/javascript">
function loadXMLDoc(){
    var xhr=new XMLHttpRequest();
    xhr.open("GET","/ajax/demo_get2.asp?fname=Bill&lname=Gates",true);
    xhr.send();
    xhr.onreadystatechange=function(){
        if (xhr.readyState==4 && xhr.status==200){
            alert(xhr.responseText)
        }
    }
}
</script>
</head>
<body>

<h2>AJAX</h2>
<button type="button" onclick="loadXMLDoc()">请求数据</button>
<div id="myDiv"></div>

</body>
</html>

总结

open,send发送请求。
onreadystatechange处理请求。

难点

没有难点dodge

参考

W3School在线测试工具 V2

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • AjaxAsynchronous JavaScript XML这一技术最早是用来向服务器端请求以xml这种结构表示...
    Miss____Du阅读 1,057评论 1 4
  • 1: ajax 是什么?有什么作用? Ajax是Asynchronous JavaScript and XML的缩...
    好奇而已阅读 344评论 0 0
  • AJAX 概念: 异步javascript和XML(json). 作用:进行数据交换,使网页实现异步更新,可以只对...
    行不离书阅读 180评论 0 0
  • 一 何为ajaxajax(Asynchronous Javascript And Xml)不是一门新的语言,而是对...
    常威爆打来福阅读 340评论 0 5
  • AJAX等于异步javascript+XML; 一,创建对象: var request; if(window.XM...
    渝聆墨阅读 166评论 0 1