异步请求调用

最新推荐文章于 2021-04-29 14:26:59 发布

壶酒慰尘

最新推荐文章于 2021-04-29 14:26:59 发布

阅读量252

点赞数

分类专栏：框架

本文链接：https://blog.csdn.net/qq_31777123/article/details/73824071

版权

框架专栏收录该内容

7 篇文章 0 订阅

订阅专栏

Ajax

1、创建 XMLHttpRequest 对象
2、向服务器发送请求
3、获得服务器响应
4、处理响应内容

<html>
<head>
<script type="text/javascript">
var xmlhttp;
function loadXMLDoc(url)
{
  xmlhttp=new XMLHttpRequest(); //创建 XMLHttpRequest 对象
  xmlhttp.onreadystatechange=state_Change; //响应处理函数
  xmlhttp.open("GET",url,true);
  xmlhttp.send();            //发送请求  
}
function state_Change()
{
if (xmlhttp.readyState==4&&xmlhttp.status==200)// 4 ="loaded", 200 = "OK"
    //获取响应内容
    { document.getElementById('T1').innerHTML=xmlhttp.responseText;}
}
</script>
</head>

<body onload="loadXMLDoc('/example/ajax/test1.txt')">
<div id="T1"></div><br />
<button onclick="loadXMLDoc('/example/ajax/test2.txt')">Click</button>
</body>
</html>

Jquery中的ajax

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    $('#test').load('/example/jquery/demo_test.txt'); //请求数据
  })
})
</script>
</head>
<body>
<h3 id="test">请点击下面的按钮，通过 jQuery AJAX 改变这段文本。</h3>
<button id="btn1" type="button">获得外部的内容</button>

</body>
</html>