Ajax(一)

news2024/11/30 18:40:42

1.客户端与服务器

1.1 服务器

    上网过程中,负责存放和对外提供资源的电脑。

1.2 客户端

    上网过程中,负责获取和消费资源的电脑。

2.URL地址

2.1 URL地址的概念

 2.2 URL地址的组成部分

3. 分析网页的打开过程

3.1 图解客户端与服务器的通信过程

三个步骤: 请求--处理--响应 ,网页中的每个资源都是通过此方式获取

3.2 基于浏览器的开发者工具分析通信过程

doc是网页

4. 数据————资源

 

 4.1 网页中如何请求数据

用法:var xhrObj = new XMLHttpRequest() 

从网页中拿数据:只要new一个XMLHttpRequest,就可以发起数据请求了

4.2 资源的请求方式

 5. Ajax

5.1 什么是Ajax

 Ajax实现网页与服务器之间的数据交互

5.2 Ajax的典型应用场景

 

 

 6. jQuery中的Ajax

6.1 了解jQuery中的Ajax

 

注:$.ajax() 既可以获取数据,也可以提交数据

 6.2 $.get()函数的用法

语法:$.get(url,[data],[callback])   第一个资源地址必须有,二三随意

 6.2.1 $.get()发起不带参数的请求

<body>

  <button id="btnGET">发起不带参数的GET请求</button>

  <script>

    $(function () {

      $('#btnGET').on('click', function () {

        $.get('http://www.liulongbin.top:3006/api/getbooks', function (res) {

          console.log(res)

        })

      })

    })

  </script>

</body>

 6.2.2 $.get()发起带参数的请求

 6.3 $.post()函数的用法

 语法:$.post(url,[data],[callback])   第一个资源地址必须有,二三随意

 6.3.1 $.post()向服务器提交数据

 6.4 $.ajax()函数的用法

基本语法:

 

  6.4.1 使用$.ajax()发起GET的请求

  6.4.2 使用$.ajax()发起POST的请求

将“GET”换成"POST"即可

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/84751.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

NLP学习笔记(一) RNN基本介绍

大家好&#xff0c;我是半虹&#xff0c;这篇文章来讲循环神经网络 (Recurrent Neural Network, RNN) 文章行文思路如下&#xff1a; 首先通过前馈神经网络引出为啥需要循环神经网络然后介绍循环神经网络的核心思想与运作方式最后拓展两个循环神经网络常见且常用的变体 在讲循…

Windows 7恢复分区丢失了怎么恢复?

问题&#xff1a;Windows 7恢复分区丢失 戴尔、惠普和华硕等电脑制造商现会在他们的计算机上创建一个恢复分区。恢复分区允许用户在系统出现问题时将计算机恢复到出厂默认设置。但是&#xff0c;由于丢失了恢复分区&#xff0c;因此某些用户无法将电脑恢复到出厂设置。这是一个…

析构函数可以为纯虚函数吗?纯虚函数可以有函数体吗?纯虚函数需要函数体吗?

先回答标题中中的几个问题&#xff1a; 析构函数可以为纯虚函数吗&#xff1f; yes。纯虚函数可以有函数体吗&#xff1f; yes。纯虚函数需要函数体吗&#xff1f; 一般来讲&#xff0c;如果析构函数是纯虚函数&#xff0c;那么析构函数必须要有函数体&#xff0c;如果是其它函…

Web前端大作业:基于bootstrap响应式页面,家具装修公司网站

&#x1f389;精彩专栏推荐 &#x1f4ad;文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 &#x1f482; 作者主页: 【主页——&#x1f680;获取更多优质源码】 &#x1f393; web前端期末大作业&#xff1a; 【&#x1f4da;毕设项目精品实战案例 (10…

最新版本APT漏洞利用工具箱

点击"仙网攻城狮”关注我们哦~不当想研发的渗透人不是好运维让我们每天进步一点点简介1.最近发现一个好用的渗透工具箱&#xff0c;基本包含最新热门漏洞exp&#xff0c;分享一下项目地址&#xff1a;https://github.com/White-hua/Apt_t00ls环境&#xff1a;jdk1.8如果双…

【深度学习】PyTorch深度学习实践 - Lecture_11_Advanced_CNN

文章目录一、GoogLe Net1.1 网络结构1.2 Inception Model1.3 11 Convolution1.4 PyTorch-GPU 实现 GoogLe Net二、Residual Net2.1 梯度消失和梯度爆炸2.2 残差模块2.3 PyTorch-GPU 实现 Simple Residual Net2.3.1 整体结构2.3.2 残差块对象2.3.3 残差网络对象2.3.4 完整代码三…

微服务框架 SpringCloud微服务架构 分布式事务 38 动手实践 38.7 案例实现TCC 模式【分析】

微服务框架 【SpringCloudRabbitMQDockerRedis搜索分布式&#xff0c;系统详解springcloud微服务技术栈课程|黑马程序员Java微服务】 分布式事务 文章目录微服务框架分布式事务38 动手实践38.7 案例实现TCC 模式【分析】38.7.1 实现TCC 模式38.7.2 TCC 的空回滚 和业务悬挂38…

Redis框架(八):大众点评项目 逻辑过期时间处理缓存击穿

大众点评项目 逻辑过期时间处理缓存击穿需求&#xff1a;逻辑过期时间处理缓存击穿业务实现总结SpringCloud章节复习已经过去&#xff0c;新的章节Redis开始了&#xff0c;这个章节中将会回顾Redis实战项目 大众点评 主要依照以下几个原则 基础实战的Demo和Coding上传到我的代…

七分钟教会你如何编写一个合格的测试用例

目录 1、测试用例的基本要素 2、根据测试用例去测试带来的好处 3、测试用例的设计方法 3.1、等价类 3.2、边界值 3.3、错误猜测法 3.4、场景法 3.5、因果图法 3.6、正交排列 4、怎样判断一个测试用例是好的测试用例 1、测试用例的基本要素 测试用例是为了实施测试而向…

基于LEACH和HEED的WSN路由协议研究与改进(Matlab代码实现)

&#x1f468;‍&#x1f393;个人主页&#xff1a;研学社的博客 &#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜…

Google谷歌浏览器Post请求预见strict-origin-when-cross-origin跨域问题的 解决办法

问题概述 关于这个问题&#xff0c;后端接口开发完成&#xff0c;前端功能界面和函数方法体编写完成后&#xff0c;博主在前后端联调的时候遇到的&#xff0c;接口是调用成功了&#xff0c;但是没有返回任何结果&#xff0c; 错误信息&#xff1a;“ Referrer Policy: strict-…

C++中二叉树的非递归遍历方法2-1

1 二叉树简介 树是一种数学上的抽象&#xff0c;在算法的设计与分析中起到一个中心作用。树是有n个节点的有限集合。二叉树是树的一种特殊形式&#xff0c;这种树的每个节点最多有2个子节点。 2 二叉树的遍历方法 二叉树的遍历分为前序遍历、中序遍历、后序遍历和层序遍历四…

【华为上机真题 2022】寻找身高相近的小朋友

&#x1f388; 作者&#xff1a;Linux猿 &#x1f388; 简介&#xff1a;CSDN博客专家&#x1f3c6;&#xff0c;华为云享专家&#x1f3c6;&#xff0c;Linux、C/C、云计算、物联网、面试、刷题、算法尽管咨询我&#xff0c;关注我&#xff0c;有问题私聊&#xff01; &…

力扣(LeetCode)147. 对链表进行插入排序(C++)

排序 ①遍历链表&#xff0c;当前遍历的结点记作 ppp 。 ②从前往后遍历链表&#xff0c;找到最后一个值小于 ppp 的结点 curcurcur 。 ③(关键操作) 插入&#xff0c;如图&#xff0c;将 ppp 插入 curcurcur 的后面。 p->next cur->next; cur->next p; p next;…

关于Mac启动人人开源前端项目遇到node-sass下载不了的问题!

今天在网上看到了一个前后端分离用户管理系统&#xff0c;于是心血来潮下载下来看一看&#xff0c;结果发现前端项目中用Mac开发的话坑比较多 1.关于node版本问题 node版本最好不要太高&#xff0c;我对于该项目使用的node版本是v10.16.3 node版本最好使用nvm来管理&#xff0c…

[附源码]Python计算机毕业设计Django的图书互换系统

项目运行 环境配置&#xff1a; Pychram社区版 python3.7.7 Mysql5.7 HBuilderXlist pipNavicat11Djangonodejs。 项目技术&#xff1a; django python Vue 等等组成&#xff0c;B/S模式 pychram管理等等。 环境需要 1.运行环境&#xff1a;最好是python3.7.7&#xff0c;…

java基于springboot的在线电影评论投票系统

项目介绍 随着信息技术和网络技术的飞速发展&#xff0c;人类已进入全新信息化时代&#xff0c;传统管理技术已无法高效&#xff0c;便捷地管理信息。为了迎合时代需求&#xff0c;优化管理效率&#xff0c;各种各样的管理系统应运而生&#xff0c;各行各业相继进入信息管理时代…

可以提高开发效率的vscode插件

1&#xff0c;koroFileHeader 我们在新建一个文件后&#xff0c;常常需要在文件头部加入默认注释&#xff0c;vscode中提供了一个 的插件&#xff0c;可以帮助我们实现。 1.1&#xff0c;安装插件 在vscode extensions中搜索并按照koroFileHeader 插件 installl完成后&…

大数据-HDFS的Shell操作

一、了解HDFS常用Shell命令 1、三种Shell命令方式 命令适用场合hadoop fs适用于任何不同的文件系统&#xff0c;比如本地文件系统和HDFS文件系统hadoop dfs只能适用于HDFS文件系统hdfs dfshdfs dfs跟hadoop dfs的命令作用一样&#xff0c;也只能适用于HDFS文件系统 2、常用HD…

基于C+++Mysql实现(WinForm)图书管理系统【100010034】

图书管理系统 实验内容、步骤以及结果 做出数据流图和数据字典。 在数据流图和字典的基础上做出 E-R 图(概念结构设计)。 学生&#xff1a; 图书&#xff1a; 管理员&#xff1a; 汇总&#xff1a; 在 E-R 图基础上进行关系模式设计&#xff08;至少满足 3NF&#xff09;&am…