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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • js中的三目运算符详解

    判断javascript中的三目运算符用作判断时,基本语法为:expression?sentence1:sentence2当expression的值为真时执行sentence1,否则执行sentence2,请看代码varb=1,c=1a=2;a&gt;=2?b++:b–;b…

    2022年4月4日
    364
  • 虚拟机配置opc服务器,组态王怎么配置成opc服务器

    虚拟机配置opc服务器,组态王怎么配置成opc服务器组态王怎么配置成opc服务器内容精选换一换您可以在添加监听器时配置健康检查。通常,使用默认的健康检查配置即可。以下操作步骤以共享型负载均衡健康检查配置为例。健康检查与ELB的后端协议是两个相互独立的能力,所以健康检查协议可以与ELB的后端协议相同,也可以不同。为了减少后端服务器的CPU占用,建议您使用TCP协议做健康检查。如果您希望使用HTTP健康检查协议,建议使用HTTP+静态CHNet-FX…

    2022年6月20日
    28
  • c# 加壳工具推荐[通俗易懂]

    c# 加壳工具推荐[通俗易懂]当前C#.net语言的应用范围越来越广泛,IIS的服务器架构后台代码、桌面应用程序的winform、Unity3d的逻辑脚本都在使用。C#.net具备强大的便捷特性,使得开发成本极低。而作为一款.net语言,也有它让开发者头疼的弊病——非常容易被反编译。市面上的Dnspy,ILspy,de4dot等工具可以非常容易反编译出被混淆保护的C#.net程…

    2022年6月27日
    55
  • PHP CURL GET HTTPS报错SSL certificate problem: unable to get local issuer certificate

    PHP CURL GET HTTPS报错SSL certificate problem: unable to get local issuer certificate请求HTTP使用phpcurl获取http资源,不会报错。如下:&amp;lt;?php//创建curl资源$ch=curl_init();//设置urlcurl_setopt($ch,CURLOPT_URL,&quot;baidu.com&quot;);//将Transfer作为字符串返回curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);//执…

    2025年6月17日
    4
  • maven 连 nexus 服务器(样本)

    maven 连 nexus 服务器(样本)

    2021年5月8日
    125
  • OSError: Unable to create file[通俗易懂]

    OSError: Unable to create file[通俗易懂]问题描述:在用h5py保存训练好的tensorflow模型时报错:OSError:Unabletocreatefile(unabletoopenfile:name=’./training_1/cp.ckpt’,errno=2,errormessage=’Nosuchfileordirectory’,flags=13,o_flags=2…

    2022年6月24日
    37

发表回复

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

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