Web前端学习 | Ajax

Web前端学习 | Ajaxajax其实是代替手工输入url向server申请资源的一个工具。XMLHttpRequest对象的onload回调函数是在异步请求加载完成后所执行的函数,当JavaScript监测到请求的数据全部传输完成后就会触发该函数。而open()函数设置异步请求的method、URL和同步方式等参数,执行open()后再执行send()函数才开始向服务器发送请求。<!DO…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

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.net/197391.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号