首页 > 其他分享 >异步加载与请求

异步加载与请求

时间:2022-11-13 17:33:13浏览次数:44  
标签:异步 网页 请求 JSON 字符串 如图 加载


异步加载与请求:

文章目录

  • ​​异步加载与请求:​​
  • ​​背景:​​
  • ​​异步加载​​
  • ​​JSON介绍与应用​​
  • ​​异步GET与POST请求​​
背景:

随着技术的不断进步,现在不少网站已经引入了异步加载技术,单击新的链接以后,几乎看不到“白屏”的现象了。而且更神奇的是,单击了链接,网页的内容已经发生了改变,但是网址竟然没有变。

异步加载

AJAX技术介绍
AJAX是Asynchronous JavaScript And XML的首字母缩写,意为异步JavaScript与XML。
使用AJAX技术,可以在不刷新网页的情况下更新网页数据。使用AJAX技术的网页,一般会使用HTML编写网页的框架。
在打开网页的时候,首先加载的是这个框架。剩下的部分将会在框架加载完成以后再通过JavaScript从后台加载。

如何判断一个网页有没有使用AJAX技术呢?请访问http:// exercise.kingname.info/ exercise_ajax_1.html,这个页面用浏览器访问的结果如图1所示。

异步加载与请求_ajax

但是如果检查它的源代码,会发现源代码里面并没有网页上面显示的这两段文字,如图2所示。

异步加载与请求_python_02

JSON介绍与应用

JSON的全称是JavaScript Object Notation,是一种轻量级的数据交换格式。网络之间使用HTTP方式传递数据的时候,绝大多数情况下传递的都是字符串。
因此,当需要把Python里面的数据发送给网页或者其他编程语言的时候,可以先将Python的数据转化为JSON格式的字符串,然后将字符串传递给其他语言,其他语言再将JSON格式的字符串转换为它自己的数据格式。

为了直观地观察一个JSON格式的字符串,先在Python中初始化一个字典:

person = {
'basic_info': {'name': 'kingname',
'age': 24,
'sex': 'male',
'merry': False},
'work_info': {'salary': 99999,
'position': 'engineer',
'department': None}
}

不仅是字典,Python中的列表或者包含字典的列表,也可以转换为JSON格式的字符串,如图3所示。

异步加载与请求_python_03

​ 如果要把JSON格式的字符串转换为Python的字典或者列表,只需要使用一行代码即可:
person_dict = json.loads(person_json_indent)
​ 这里得到的person_dict就是一个字典,可以像使用普通字典一样来使用它,如图4所示。

异步加载与请求_ajax_04

异步GET与POST请求

I在谷歌浏览器访问页面时候,单机鼠标右键,出现如图5:

异步加载与请求_python_05

异步GET如图6:

异步加载与请求_字符串_06

POST请求如图7:

异步加载与请求_json格式_07


标签:异步,网页,请求,JSON,字符串,如图,加载
From: https://blog.51cto.com/u_15870497/5847877

相关文章

  • SpringMVC-异步web返回Callable
    SpringMVC开启异步web要在web.xml文件中每个filter和servlet配置true。FrameworkServlet.processRequest(HttpServletRequestrequest,HttpServletResponseresponse)We......
  • Python3-异步协程
     importasyncioimporttimeasyncdefget_request(url):print('正在请求的url:',url)awaitasyncio.sleep(2)#支持异步模块代码print('请求结束:'......
  • jvm类加载
    类加载器:(由高到低)bootstrapclassloader;extclassloader;appclassloader不同类加载器有不同的作用(加载基础类库;拓展类库;三方类;自定义类),因此,每个类的字节码对象......
  • Servlet3.0新特性:异步处理,太好用了!!!
    以下转载于https://blog.csdn.net/weixin_44742132/article/details/117137408Servlet3.0新特性:异步处理,太好用了!!!互联网全栈架构于 2021-05-2109:52:41 发......
  • Vue.js -- 动态组件&异步组件
    动态组件根据数据的变化,动态切换组件的显示。点击切换组件首先定义两个子组件//子组件app.component('myInput',{template:`......
  • uView list 控件分页加载出现抖动问题解决方案
    使用u-list 组件 动态加载数据时 滑动列表元素 会出现抖动的情况解决 设置preLoadScreen为根据page的动态变换就可以了preLoadScreen 列表前后预渲染的屏数,1......
  • 浅谈性能优化之图片压缩、加载和格式选择
    原文链接:浅谈性能优化之图片压缩、加载和格式选择在认识图片优化前,我们先了解下【二进制位数】与【色彩呈现】的关系。二进制位数与色彩在计算机中,一般用二进制数来表......
  • WPF 动态加载用户控件
    //这里可以动态加载其他dll文件中的组件Assemblyassem=Assembly.LoadFile($"{Directory.GetCurrentDirectory()}\\{data.DllName}");varonePage=assem.CreateInst......
  • 【uniapp】一个封装uni.request请求的模板
    在项目目录下创建util目录,创建request.js将下面模板写入。//全局请求路径,也就是后端的请求基准路径constBASE_URL_develop='http://*******************/'varBAS......
  • 一个页面上有大量的图片,加载很慢, 你有哪些方法优化这些图片的加载,给用户更好的体验
    一个页面上有大量的图片,加载很慢,你有哪些方法优化这些图片的加载,给用户更好的体验点击查看代码图片懒加载,在页面上的未可视区域可以添加一个滚动条事件,判断图片位置与浏......