Web前端学习 | Ajax

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


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


相关推荐

  • linux下更新pip3「建议收藏」

    本机linux下有python(表示python2)和python3,其中python3对应pip3。1.首先下载pip#wgethttps://bootstrap.pypa.io/get-pip.py如果没有wget,先安装wget#yum-yinstallwget在python3下执行脚本#python3get-pip.py#执行成功后查看版本…

    2022年4月11日
  • 在Windows 8.1及IE 11中如何使用HttpWatch

    在Windows 8.1及IE 11中如何使用HttpWatch

    2021年8月26日
  • 金融投资理财基础知识

    金融投资理财基础知识随着当前金融互联网的兴起,当前的投资理财方式较以前相比,更加的多样化。就不说银行存款了,当下风险最低,收益最低的理财方式,因为通货膨胀,可能存的越久就钱越不值钱。下面主要介绍一下当下比较流行的投资方式: 一银行理财产品各个银行,无论是国有的,还是民营的银行,都有推出自己银行的理财产品。那什么是银行理财产品呢?就是银行开发设计并销售的资金投资和管理计划,银行只接受客户的授权管理资金

    2022年5月8日
  • 达梦数据库查询语句「建议收藏」

    达梦数据库查询语句「建议收藏」DMSQL简介DM_SQL语言是一种介于关系代数与关系演算之间的语言,其功能主要包括数据定义、查询、操纵和控制四个方面,通过各种不同的SQL语句来实现。按照所实现的功能,DM_SQL语句分为以下几种:用户、模式、基表、视图、索引、序列、全文索引、存储过程和触发器的定义和删除语句,基表、视图、全文索引的修改语句,对象的更名语句;查询(含全文检索)、插入、删除、修改语句;数据库安全语句…

    2022年9月8日
  • css3 flex布局的使用 图片文字垂直居中排列 图文混排垂直居中 display:flex「建议收藏」

    css3 flex布局的使用 图片文字垂直居中排列 图文混排垂直居中 display:flex「建议收藏」遇到的问题在实际工作的过程中经常遇到图片文字的混排,需要图片与一段文字垂直居中,这个实现方法以前一直非常复杂,而flex是解决这个问题比较好的办法;css代码display:flex;flex的是Flexible的缩写,意为弹性。可以在单行或者多行的盒状模型中提供很好的灵活性,所以它也是自适应友好的。图文混排垂直居中基本用法用flex实现文字和图片在同一行的时候的垂…

    2022年6月9日
  • Lasso回归总结

    Lasso回归总结Ridge回归由于直接套用线性回归可能产生过拟合,我们需要加入正则化项,如果加入的是L2正则化项,就是Ridge回归,有时也翻译为岭回归。它和一般线性回归的区别是在损失函数上增加了一个L2正则化的项,和一个调节线性回归项和正则化项权重的系数α。损失函数表达式如下:J(θ)=1/2(Xθ−Y)T(Xθ−Y)+1/2α||θ||22其中α为常数系数,需要进行调优。||θ||2为L…

    2022年5月30日

发表回复

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

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