提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

Web前端学习 | Ajax

WebAJAX学习前端
2023-06-13 09:13:41 时间

大家好，又见面了，我是你们的朋友全栈君。

ajax其实是代替手工输入url向server申请资源的一个方法。

XMLHttpRequest 对象的 onload 回调函数是在异步请求加载完成后所执行的函数，当JavaScript 监测到请求的数据全部传输完成后就会触发该函数。

而 open() 函数设置异步请求的 method、URL 和同步方式等参数，执行 open() 后再执行 send() 函数才开始向服务器发送请求。

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<script type="text/javascript"> function getdata(a){ 
 if(a == 'WeChat.html'){ 
 var req = new XMLHttpRequest(); //XMLHttpRequest Object专门用于与server连接  req.open("GET","http://127.0.0.1:8020/web前端开发/JS/ajax/"+a); req.send(); //送出连线  req.onload = function(){ 
 alert(this.responseText); } } if(a == 'QQ.html'){ 
 var req = new XMLHttpRequest(); //XMLHttpRequest Object专门用于与server连接  req.open("GET","http://127.0.0.1:8020/web前端开发/JS/ajax/"+a); req.send(); //送出连线  req.onload = function(){ 
 var content = window.document.getElementById('content'); content.innerHTML = this.responseText; } } } </script>
<body>
<button onclick="getdata('WeChat.html');">WeChat</button>
<button onclick="getdata('QQ.html');">QQ</button>
<hr />
<div id="content"></div>
</body>
</html>

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/197391.html原文链接：https://javaforall.cn

相关文章