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


相关推荐

  • Response.Flush()的用处

    Response.Flush()的用处Response.Flush()的作用是将缓冲信息输出到页面。比如我们在点击一个按钮后,执行多个任务,每个任务执行成功后都有一个Response.Write(‘成功信息’)。如果我们在Respons

    2022年7月2日
    24
  • 情感分析语料库——情感词典(中文英文)转[通俗易懂]

    情感分析语料库——情感词典(中文英文)转[通俗易懂]情感分析资源(转)中文的http://wenku.baidu.com/view/819b90d676eeaeaad1f3306e.html情感词典1.知网的情感词典-http://www.keenage.com/html/c_bulletin_2007.htm由知网发布的词典,包括中文情感词典和英文情感词典(以下需要论坛积分)2.台湾大学的情感极性词典-http:/…

    2022年8月23日
    19
  • PHP filemtime() 函数

    PHP filemtime() 函数

    2021年11月7日
    50
  • 授权使用微信登陆第三方_微信图标改成WeChat

    授权使用微信登陆第三方_微信图标改成WeChat第三方平台系列文章,今天终于又开始更新了,今天继续学习微信(wechat)授权第三方登录一、准备工作1、申请微信公众测试号由于我们是个人开发者,我们需要去注册申请一个微信公众平台的测试号https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login我们使用微信扫码登录后,我们可以拿到appID和appsecret2、关注公众测试号3、配置回调域名在“网页服务”中找到“网页账号”,修改“网页授权获取用户基本信息”接口的

    2025年8月19日
    4
  • SpringBoot——spring-data-jpa之分页查询

    SpringBoot——spring-data-jpa之分页查询SpringBoot——spring-data-jpa之分页查询

    2022年4月23日
    86
  • Linux环境变量的设置和查看

    Linux环境变量的设置和查看一 Linux 的变量种类 nbsp nbsp nbsp nbsp nbsp 按变量的生存周期来划分 Linux 变量可分为两类 nbsp nbsp nbsp nbsp nbsp 1 永久的 需要修改配置文件 变量永久生效 nbsp nbsp nbsp nbsp nbsp 2 临时的 使用 export 命令声明即可 变量在关闭 shell 时失效 nbsp 二 设置变量的三种方法 1 在 etc profile 文件中添加变量 对所有用户生效 永久的 nbsp nbsp nbsp nbsp nbsp 用 VI 在文件 etc profile 文件

    2025年8月24日
    2

发表回复

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

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