Ajax笔记
文章平均质量分 72
视频地址 https://www.bilibili.com/video/BV1zs411h74a
Suyuoa
这个作者很懒,什么都没留下…
展开
-
7.axios的基本使用
Axios是专注于网络数据请求的库,比jQuery更轻量,项目地址下载解压后在dist中可以找到axios.js,在html文件中引用它就好了。原创 2022-12-01 17:06:08 · 607 阅读 · 0 评论 -
11.XMLHttpRequest的进阶用法
如果仅仅是根路径的问题,我比较喜欢定义一个全局变量,然后每一次请求的时候都去拼接一下。原创 2023-02-10 17:26:04 · 1233 阅读 · 0 评论 -
10.jQuery中请求预处理 $.ajaxPrefilter()
这样后面每次请求就不用再写根路径了,这样写会让拼接好的url顶掉未拼接好的urloptions是形参,名称自定,内容是是你发请求时的选项,比如type,url这些。原创 2023-02-10 17:21:18 · 916 阅读 · 0 评论 -
9.HTTP协议
通信有三要素,分别是通信的主体(通信的双方是谁),通信的内容,通信的方式(打电话,写信这种)|通信协议是通信双方完成通信所必须遵守的规则和约定网页内容叫做超文本(HyperText),网页内容的传输协议叫做超文本传输协议(HyperText Transfer Protocol),这四个大写字母合起来是超文本传输协议的简称HTTPHTTP协议采用了 请求/响应 的交互模型。客户端给服务端发HTTP请求,服务端给客户端发HTTP响应。关于HTTP的详细信息可以查阅文档。原创 2022-12-02 15:09:16 · 3558 阅读 · 0 评论 -
附录5-淘宝搜索案例
效果是这样的,用JSONP拿到淘宝的搜索建议然后展示出来。原创 2022-12-01 17:10:38 · 202 阅读 · 0 评论 -
附录4-新闻列表案例
效果是这样的。原创 2022-11-13 09:18:09 · 96 阅读 · 0 评论 -
附录3-评论列表案例
打开页面后可以获取到历史的评论可以发表评论如果评论或评论内容中有空的地方会有提示。原创 2022-11-08 17:34:27 · 237 阅读 · 0 评论 -
附录2-聊天机器人案例
视图是这样的,在POST请求的同时会存储一个静态文件,静态文件名称为test.mp3是机器人回复你的文字合成的音频文件。视频中的后台用了NLP的聊天机器人,那个搞起来比较麻烦,不过语音合成还是能搞的,我们就搞一个固定的对话。这个是移动端的web页面,我们按照移动端开发。接口文档我就不写了,直接看postman。无论发什么都会返回你好。原创 2022-11-03 11:18:21 · 259 阅读 · 0 评论 -
附录1.图书管理案例
点击添加可以添加新的图书数据存放在数据库中,刷新页面后,数据不变点击删除后可以删除指定的图书。原创 2022-10-27 15:39:23 · 670 阅读 · 0 评论 -
8.跨域请求
我现在不想用callback这个键了而且我也想自己定义一个函数名称,首先你先跟后端交流好,后端把键改了然后你使用.ajax()加上两个参数jsonp(键的名称),jsonCallback(函数名称)可以成功请求键和函数也都是你要求的名字。原创 2022-12-01 17:16:26 · 540 阅读 · 0 评论 -
6.jQuery中的Ajax上传文件
Ajax请求开始时会执行ajaxStart(),自jQuery1.8后,ajaxstart()只能给document,因为只能给document所以ajaxStart会监听当前document内所有的Ajax请求。processData:false的意思是 不对FormData中的数据进行url编码,而是将FormData数据原样发送到服务器。contentType:false的意思是 使用FormData默认的Content-Type值。让其在上传开始时显示,其余时间不显示。需要先搞一个这样的gif。原创 2022-11-25 14:25:35 · 3542 阅读 · 2 评论 -
5.XMLHttpRequest的基本用法
XMLHttpRequest简称xhr,是浏览器提供的Javascript对象。之前我们使用的都是jQuery中的Ajax,现在我们使用原生JS的Ajax。原创 2022-11-25 09:58:09 · 1243 阅读 · 0 评论 -
4.jQuery中Ajax提交表单数据
可以通过val()这种方法拿到指定元素的数据,那种方法如果在表单中有多个信息就比较麻烦,我们可以使用serialize()一次获取表单提交的全部数据。点击submit按钮的时候会将页面跳转到action的url,提交表单信息与跳转url是同步的,所以这个过程叫表单的同步提交。我们让表单只采集数据,Ajax发送数据,这样就不会发生页面的跳转,就会避免了上面两个问题。使用.on或者.submit都是一样的,相同的事件对象,相同的方法。点击提交后会获得用户提交的数据,获取到的变量类型为字符串。原创 2022-11-04 14:57:24 · 2654 阅读 · 0 评论 -
3.postman与接口文档
数据接口简称接口,是被请求的url地址。原创 2022-10-25 10:39:53 · 1798 阅读 · 0 评论 -
2.jQuery中的Ajax的get与post请求
服务,如果是POST请求就将传入的数据+1然后返回,如果是GET请求就将传入的数据+2然后返回。在浏览器中输入地址然后敲下回车相当于发送了一个get请求,get请求常用于从服务端拿数据。客户端传一个参数进去,然后将你传入的参数+1,然后再返回给客户端。综合请求函数$.ajax()可以发get请求也可以发post请求。jQuery中发get请求的函数如下。post请求常用于向服务端提交数据。我们先看一下服务端的内容。原创 2022-10-25 10:36:34 · 2387 阅读 · 0 评论 -
1.初识Ajax
Ajax不像jQuery一样需要引入外部文件,在原生JS中就存在Ajax,原生Ajax使用比较繁琐,我们先介绍jQuery中已经封装好的Ajax,先了解基本的使用方法,之后在后面再补充原生JS的Ajax。在后面做例子的时候,需要有一个服务端进行配合,根据不同的情况,我会使用python的flask或django来搭建后台。常见的请求方法有两种,get通常用于客户端从服务端获取文件,post通常用于客户端向服务端上传资源。存放资源的电脑叫服务器,获取资源的叫客户端。总的来讲是 请求->处理->响应。原创 2022-10-25 10:33:02 · 484 阅读 · 0 评论