当前位置: 首页 > news >正文

CGB2103-day05-Ajax/JSON结构说明/跨域问题/VUE入门

1.jQuery中的Ajax

1.1 $.ajax说明

	/*** $.ajax相关说明* 1.{key:value}* 2.type: ajax请求的方式 get/post/put/delete* 3.简化$.get(..) $.post(...)  $.getJSON(...)* 4.url: 远程服务器地址* JSONP: JS端解决跨域问题的一种机制. 现在几乎淘汰了* cache: true 默认值为true* async: true 默认异步!!!!*/$.ajax({type: "get",url: "http://localhost:8090/getUser",//data: {key:value,key2:value2}dataType: "json",async: false,	//异步改为同步cache: false,  success: function(result){  //200console.log(result)},error : function(){alert("服务器正忙,请稍后!")}})

1.2 回调地狱(扩展)

解释: 由于ajax多层级嵌套,导致返回值的回调函数解析困难.把这种调用称之为回调地狱问题.
解决方案:
1.闭包解决 闭包非闭
2. 通过promise对象进行封装 vue对象中解释的.

2.JSON结构

2.0 什么是JSON

JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。

2.1 对象格式

语法: {“id”:100,“name”:“tomcat”}
对象是无序的
在这里插入图片描述

2.2 数组格式

语法: [1,2,3,“张三”,“李四”] 值的有序集
在这里插入图片描述

2.3 嵌套格式

核心知识点: value可以嵌套
在这里插入图片描述

["java编程","美团外卖",["吃","玩",{"id":100,"names": [{"name": "梅超风"},{"name": "梅超风老公"},["张无忌","赵敏"]]
}]]

3.跨域问题说明

3.1 浏览器同源策略

概念: 要求请求协议://域名:端口号都相同.
说明: 浏览器解析页面时,当页面中有ajax请求时,则要求页面的URL地址,与Ajax请求的地址必须满足同源策略的规范.
同源策略:

  • 请求协议 http:// https://
  • 请求域名
  • 请求的端口**
    上述的三项必须相同. 满足同源策略.浏览器可以解析数据,否则不能正常解析.

3.2 同源策略案例

案例练习1:
URL: http://www.jd.com/xxx/xxx
Ajax: https://www.jd.com/xxx/xxx/xxx 协议不同

案例练习2:
URL: http://www.jd.com:80/xxx/xxx 满足要求
Ajax: http://www.jd.com:80/xxx/xxx/xxx

案例练习3: IP与域名对应
URL: http://www.jd.com:80/xxx/xxx 不满足要求 域名不同
Ajax: http://10.0.0.6:80/xxx/xxx/xxx

案例练习4:
URL: http://www.jd.com/xxx/xxx 不满足要求 域名不同
Ajax: http://www.jt.com/xxx/xxx/xxx

3.1 跨域

3.1.1 跨域概念

说明: 如果URL地址与Ajax请求路径违反了同源策略,则称为跨域请求.
核心:
1. 浏览器URL地址: http://127.0.0.1:8848/cgb2103/demoWeb/userList.html
2. Ajax请求地址: http://localhost:8090/getUser
该操作不满足同源策略

3.1.2 跨域解决策略

旧的方式: JSONP(了解)
新的方式: CORS 方式

3.1.3 CORS介绍

**跨源资源共享 (CORS) (或通俗地译为跨域资源共享)**是一种基于HTTP 头的机制,该机制通过允许服务器标示除了它自己以外的其它origin(域,协议和端口),这样浏览器可以访问加载这些资源。跨源资源共享还通过一种机制来检查服务器是否会允许要发送的真实请求,该机制通过浏览器发起一个到服务器托管的跨源资源的"预检"请求。在预检中,浏览器发送的头中标示有HTTP方法和真实请求中会用到的头。
核心: 服务器在响应头中标识可以访问用户的地址. CORS服务端跨域

在这里插入图片描述
请求响应头信息:
在这里插入图片描述

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

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

PMP哪里报名

首先了解下PMP考试时间,一年四次,正常情况是每年3、6、9、12月份考试; 其次了解PMP考试需要两次报名,分别是英文报名和中文报名;且两次报名通过后,才能正常考试。 下面分别介绍PMP英文报名和PMP考试中文报…...

c++程序设计中虚基类,多继承知识点

一.前言 如上 二.题目 分别声明Teacher(教师)类和Cadre(干部)类,采用多重继承方式由这两个类派 生出新类Teacher_Cadre(教师兼干部)类。要求: (1)在两个基类中都包含姓名、年龄、性别、地址、电话等数据成员。 (2&a…...

FFmpeg:avcodec_encode_video()

本文简单分析FFmpeg的avcodec_encode_video2()函数。该函数用于编码一帧视频数据。avcodec_encode_video2()函数的声明位于libavcodec\avcodec.h,如下所示。 /*** Encode a frame of video.** Takes input raw video data from frame and writes the next output p…...

SpringBoot中必须掌握的45个注解

1.SpringBoot/spring SpringBootApplication: 包含Configuration、EnableAutoConfiguration、ComponentScan通常用在主类上; Repository: 用于标注数据访问组件,即DAO组件; Service: 用于标注业务层组件; RestController: …...

侯捷CPP---面向对象(上)

侯捷CPP---面向对象(上)前言头文件防卫式声明class 分类不带指针的class(complex)成员变量私有化inline function(内联函数)构造函数常量成员函数参数传递返回值传递友元函数操作符重载临时对象带指针的cla…...

使用注解开发

1; 2.mapper 2.测试...

苏宁易购启动六一宝宝节,首提“共情消费”

5月26日晚8点,苏宁易购六一宝宝节掰头大会在多个平台播出。六一宝宝节全面启动。 六一宝宝节定位于打破营销套路,打破传统电商促销节奏。它是大促,更是一场成年人释放压力、共情消费的盛典。 掰头大会灵魂辩题 开启宝宝节 六一宝宝节的启…...

设计一个windows应用程序,定义一个Student类,包含学号和姓名两个字段,并定义一个班级类ClassList

设计一个windows应用程序,定义一个Student类,包含学号和姓名两个字段,并定义一个班级类ClassList,该类包含一个Student集合,使用索引器访问该集合。 (1)创建一个Windows应用程序Myproject6_1。 …...

python笔记19年8月23日

-------------py打包exe教程------------ 准备好需要转换的py文件和一张用于做图标.ico的照片 将他们存放于同一个文件夹中,文件的路径全部为英文路径 1.利用cmd窗口安装pyinstaller插件 指令 :pip install pyinstaller 2.使用cd指令到py文件夹 3.执行命令 pyinstaller -F -i X…...

系统集成模拟3-55分

1、合同法律关系是指由合同法律法规调整的在民事流转过程中形成的(权利义务关系) 2、当已经采取了多种沟通方式还未能与用户达成一致时,应考虑沟通升级原则-双方高层沟通 3、数据域安全包括:行级数据域安全,数据域安全…...

Centos7 配置DHCP

实验内容及步骤 1、实验背景 某企业计划构建一台 DHCP服务器来解决IP地址动态分配的问题,要求能够分配 IP地址以及网关、DNS等其它网络属性信息。同时要求DHCP服务器为DNS、WEB、Samba服务器分配固定IP 地址。 2、网络拓扑 略. 3、实验环境 假设企业DHCP服务器…...

JVM常见配置汇总

堆设置 -Xms:初始堆大小-Xmx:最大堆大小-XX:NewSizen:设置年轻代大小-XX:NewRation:设置年轻代和年老代的比值。如:为3,表示年轻代与年老代比值为1:3,年轻代占整个年轻代年老代和的1/4-XX:SurvivorRation:年轻代中Eden区与两个Survivor区的比…...

从类,API,框架三个层面学习如何设计可复用软件实体的具体技术学习心得

从类,API,框架三个层面学习如何设计可复用软件实体的具体技术学习心得软件复用概述软件复用概念软件复用的软件支持三方面讲述软件复用类代码复用设计的复用分析的复用测试信息的复用Liskov替换原则 ——LSPAPI框架软件复用概述 软件复用概念 软件复用(…...

惠普(HP) Officejet Pro 8610商用彩色喷墨一体机

专业彩色打印件的单页成本比激光打印机低 50%,从而在日常打印中节省更多打印成本。无论您身在何处,均可通过任意移动设备进行打印。 借助惠普“云打印”技术,您现在可以随时随地,随心打印。使用智能复印解决方案,创建完美无瑕的副本,同时轻松打印双面身份证。专业彩色打印…...

easyPOI和导入复杂excel的各种坑

//easyPOI的依赖 <dependency><groupId>cn.afterturn</groupId><artifactId>easypoi-base</artifactId><version>4.1.3</version> </dependency>//要操作pdf,word还是用原生poi比较好 <dependency><groupId>org.…...

用直流电机测转速——测速发电机标定实验

测速发电机标定实验 文章目录测速发电机标定实验1 测速发电机原理和应用1.1 原理1.2 应用2 硬件搭建3 实验数据4 总结1 测速发电机原理和应用 1.1 原理 直流电机同时也是一个发电机。也就是说&#xff0c;当直流电机被通入直流电的时候&#xff0c;会将电能转化为机械能&…...

httprunner_locust_场景1:登录1次,添加10次地图

场景1&#xff1a;任务执行 > login执行1次&#xff0c;addtitle执行10次 from locust import HttpUser, task, SequentialTaskSet, between import json# 场景1&#xff1a;任务执行 > login执行1次&#xff0c;addtitle执行10次 class FlashTask(SequentialTaskSet): …...

Actor模型

传统的游戏服务器要么是单线程要么是多线程&#xff0c;过去几十年里CPU一直遵循摩尔定律发展&#xff0c;带来的结果是单核频率越来越高。而近几年摩尔定义在CPU上已然失效&#xff0c;为什么呢&#xff1f; 大于在2003年左右&#xff0c;计算机的核心特性经历了一个重要的变…...

冠美会计

...

C1任务03-Web基础与布局

文章目录任务一:使用富文本编辑器任务二:所见所得 式开发拓展任务:CSS盒子模型任务一:使用富文本编辑器 描述:制作表,让表格隔行换色.加入JavaScript按钮弹出框. 富文本编辑器 <style>.cl{color:red}table,tr,td{border:1px solid; padding:5px 20px 5px 0;font-size:10…...

超详细讲解!Redis面试复习大纲在手面试不慌

前言 最近有很多朋友向我求教经验&#xff0c;因为我自己工作相对于稳定&#xff0c;在这里给大家分享一个粉丝朋友的经历&#xff0c;他作为一个曾经的菜鸡面试者&#xff0c;在不断的失败中成长&#xff0c;最终斩获了多份offer&#xff0c;因此特别想在此分享一下他的面试成…...

测试技巧:弱网测试

弱网测试场景 当前APP网络环境比较复杂&#xff0c;网络制式有2G、3G、4G网络&#xff0c;还有越来越多的公共Wi-Fi。不同的网络环境和网络制式的差异&#xff0c;都会对用户使用app造成一定影响。另外&#xff0c;当前app使用场景多变&#xff0c;如进地铁、上公交、进电梯等…...

赶紧收藏!javasocket聊天室和私聊

前言 这些算法&#xff0c;都是小编一点一点看的大佬们的方法&#xff0c;自己积累的. 如果有什么描述的不对的地方还望大佬赐教 多交流才能进步&#xff0c;加油&#xff0c;冲冲冲&#xff01;&#xff01;&#xff01; RPC概述 RPC(Remote Procedure Call)即远程过程调用&a…...

2021-06-01 中小型物流企业仓库管理中存在的问题

中小型物流企业信息化程度虽然在近几年有所提高&#xff0c;但物流信息化程度仍有待加强&#xff0c;同时存在以下问题&#xff1a;物流信息化程度较低&#xff0c;订单电子化水平明显不高&#xff0c;许多工作尚停留在手工作业阶段&#xff0c;导致员工工作效率不高&#xff0…...

C1任务二

任务点1.网络抓包 进入网址&#xff1a;http://temp.blog8090.com/ 输入手机和姓名 提交表单 打开控制台network 返回http://temp.blog8090.com/ 打开F12查看并修改元素 输入信息&#xff1a;手机&#xff0c;姓名&#xff0c;暗号 并提交表单 至此&#xff0c;任务点一完成…...

诚意分享:这里有份超全Java体系化进阶学习图谱

摘要 Apache Kafka是一个分布式消息发布订阅系统。它最初由LinkedIn公司基于独特的设计实现为一个分布式的提交日志系统( a distributed commit log)&#xff0c;之后成为Apache项目的一部分。 成千上万的企业都在使用Kafka&#xff0c;三分之一的世界500强公司也在其中&…...

Burp Suite功能介绍

一、概述 Burp Suite 是用于攻击web 应用程序的集成平台&#xff0c;包含了许多工具。BurpSuite为这些工具设计了许多接口&#xff0c;以加快攻击应用程序的过程。 &#x1f449; 下载及安装过程 二、工具栏功能简介 1. Dashboard(仪表盘) 主要分为三块&#xff1a;Tasks(任务…...

Ant Design Vue实现a-table表格单元格合并

Ant Design Vue实现a-table表格单元格合并 参考Ant design Vue官网关于行和列合并api https://antdv.com/components/table-cn/ 下面官网对表格合并这块的描述 &#xff01;&#xff01;&#xff01;注意注意注意重要事情说三遍&#xff1a;很多同学都习惯性的将columns写在d…...

Android Studio如何导出apk文件

我们平时写Android&#xff0c;大多数情况是在模拟器上运行调试。但实际开发中&#xff0c;有许多大型项目&#xff0c;比如无人车的操控&#xff0c;需要将应用放到遥控器上调试成功才行。有时候&#xff0c;大家也想把做好的APP放到自己手机上试一下。这时候&#xff0c;我们…...

ann2snn的代码分析

首先&#xff0c;主函数是if_cnn_mnist_work.py 1.输出snn测试结果的就是这么一些代码&#xff1a; utils.pytorch_ann2snn(model_namemodel_name,norm_tensornorm_tensor,test_data_loadertest_data_loader,devicedevice,TT,log_dirlog_dir,configconfig)2.ctrl鼠标左键点击py…...

备忘录这三个字怎么改名字_苹果备忘录左上角名字怎么改

以iPhone11&#xff0c;iOS13系统为例&#xff0c;苹果备忘录左上角名字怎么改需要看是文字备忘录还是语音备忘录&#xff0c;文字备忘录开头文字就是默认文件名&#xff0c;是不能修改的&#xff1b;而语音备忘录可轻点左上角的语音文件名称&#xff0c;进入编辑模式后输入新名…...

手机已锁定的备忘录密码忘了怎么找回

手机备忘录可用于记事。很多朋友在备忘录中记录了个人私密事情后&#xff0c;为了保护数据安全隐私&#xff0c;会对备忘录内容进行锁定加密&#xff0c;设置后需输入正确的备忘录密码方可解锁查看。那手机已锁定的备忘录密码忘了怎么找回呢&#xff1f;这里就以能同步适用于安…...

备忘录莫名其妙的没了_苹果手机备忘录突然消失了该怎么办

展开全部恢复苹果备忘录的准备copy工具&#xff1a;1、iPhone手机bai及数据线du2、开心手机恢复大师(专业的iOS数据恢复软zhi件)3、常用dao电脑找回iPhone备忘录的详细步骤&#xff1a;1、将专业的苹果手机数据恢复软件——开心手机恢复大师下载到我们的电脑中&#xff0c;安装…...

苹果手机语音备忘录在哪_苹果手机备忘录被家里宝宝误删了如何恢复呢?

现在的小孩对电子产品的依赖真的是越来越大了&#xff0c;昨晚小编把自己的手机拿给小孩玩游戏&#xff0c;结果手机上的备忘录里有几条很重要的消息被小孩误删了&#xff0c;只剩下零零散散的几条&#xff0c;于是开始尝试各种恢复&#xff0c;今天小编就把备忘录删除怎么恢复…...

手机备忘录里的东西突然没有了怎么办

手机备忘录是很多人日常添加记事备忘时所离不开的应用工具。备忘录的种类有很多&#xff0c;一些手机品牌系统自带有备忘录工具&#xff0c;也可以通过手机应用平台搜索第三方好用的备忘录便签来使用&#xff0c;比如云便签。当在备忘录中记录内容后&#xff0c;手机备忘录里的…...

如何快速恢复iPhone13已删除的备忘录

随着移动办公及生活娱乐需求不断提升&#xff0c;人们逐渐告别了纸笔备忘的需求&#xff0c;转而使用手机备忘去记录较为重要的内容。但是&#xff0c;有时系统升级或误操作将备忘录删除后&#xff0c;iPhone13恢复误删备忘录软件就十分实用了。本文就给大家推荐多种恢复iPhone…...

DesignPattern - 备忘录模式【行为型】

欢迎关注微信公众号&#xff1a;FSA全栈行动 &#x1f44b; 一、备忘录模式介绍 备忘录模式&#xff08;Memento Pattern&#xff09;又叫做快照模式&#xff0c;属于行为模式。在不破坏封闭的前提下&#xff0c;捕获一个对象的内部状态&#xff0c;保存对象的某个状态&#x…...

苹果手机iCloud备忘录删除怎么恢复

苹果手机备忘录是可以云储存在iCloud上的&#xff0c;当你在手机上运行iOS 9系统及以上版本并在手机设置中登录Apple ID&#xff0c;iCloud会自动启用。 这样手机备忘录的内容会自动存储在iCloud上&#xff0c;在电脑上登录iCloud就能查看备忘录内容。 近日有些用户表示&#x…...

IOS 设计模式 备忘录模式

转载:http://my.oschina.net/daguoshi/blog/493278 何为备忘录模式&#xff1f; 在响应某些事件时&#xff0c;应用程序需要保存自身的状态&#xff0c;比如当用户保存文档或程序退出时。例如&#xff0c;游戏退出之前&#xff0c;可能需要保存当前会话的状态&#xff0c;如游戏…...

ios 设计模式备忘录(1)

适用场景&#xff1a;用来进行实现缓存 或 进行一些状态恢复撤销的功能 1.创建管理中心 实现了具体的存储方法 代码.h文件 #import <Foundation/Foundation.h> #import "MenmentoCenterProtocol.h" interface MementoCenter : NSObject (void)saveMemento…...

iOS设计模式 - 备忘录

iOS设计模式 - 备忘录 原理图 说明 1. 在不破坏封装的情况下&#xff0c;捕获一个对象的内部状态&#xff0c;并在该对象之外保存这个状态&#xff0c;这样以后就可以将该对象恢复到原先保存的状态 2. 本人已经将创建状态与恢复状态的逻辑抽象成了协议&#xff0c;并配合备忘录…...

iOS 设计模式系列:Memento – 备忘录模式

备忘录模式是捕获和具体化当前对象的内部状态。换句话说&#xff0c;就是在某个地方存储个东西。稍后&#xff0c;在不违反封装的情况下能够恢复这个具体化的状态&#xff1b;就是说&#xff0c;一些私有数据被私下存储下来了。 如何使用备忘录模式 添加下面两个方法到 ViewCon…...

iMazing如何导出备忘录以及恢复iTunes备份的备忘录

想要iPhone备忘录导出到Windows电脑&#xff0c;能不能有什么办法将iPhone手机里面的备忘录导出成PDF或者WORD文档的方式保存到电脑上&#xff0c;以方便打印呢&#xff1f;小编推荐大家可以使用iMazing。使用这款软件&#xff0c;您可以一次性将备忘录里面的内容&#xff08;包…...

iOS - 备忘录模式(Memento Pattern)

在响应某些事件时&#xff0c;应用程序需要保存自身的状态&#xff0c;比如当用户保存文档或者程序退出时。具体一点&#xff1a;当游戏退出之前&#xff0c;可能需要保存当前会话的状态&#xff0c;如游戏等级、敌人的数量、可用武器的种类等。当游戏再次打开时&#xff0c;玩…...

移动开发之设计模式- 备忘录模式(IOSAndroid)

资源 完全参照备忘录模式|菜鸟模式但不包括IOS代码 备忘录模式 备忘录模式&#xff08;Memento Pattern&#xff09;保存一个对象的某个状态&#xff0c;以便在适当的时候恢复对象。备忘录模式属于行为型模式。 介绍 意图&#xff1a; 在不破坏封装性的前提下&#xff0c;…...

苹果手机语音备忘录在哪_玩转备忘录,只需要6个技巧!附赠苹果手机备忘录删除恢复技巧...

如果您是 iPhone 用户&#xff0c;平时打开备忘录只是记录下文字&#xff0c;那就太浪费这个功能了&#xff0c;因为在 iPhone 中&#xff0c;备忘录这一应用能够实现的比你想象得还要多得多。下面就来分享一些 iPhone 备忘录的使用技巧。同步备忘录如果您有多台苹果设备&#…...

iOS 设计模式 - 备忘录模式

在不破坏封装性的前提下&#xff0c;捕获一个对象的内部状态&#xff0c;并在该对象之外保存这个状态。这样就可以将该对象恢复到原先保存的状态。 保存的是状态而不是对象本身。 一、使用步骤 二、基本属性 三、代码示例 1.备忘录模式 https://github.com/shileseal/S…...

iOS内购问题备忘录

# 1、连接不到apple store&#xff1a;注销appleID之后重启 2、服务器验证&#xff1a;存储部分待验证 直接上代码吧~ - (void)buyProdution:(UIButton *)sender{NSMutableArray *coinInfoArray[[NSMutableArray alloc] initWithObjects:"6.00","12.00"…...

iPhone备忘录永久删除怎么恢复?(已解决)

我们的生活已经逐渐智能化了&#xff0c;不再像从前那样记录事物要用纸和笔写下来&#xff0c;我们需要记录的东西可以在手机上打开备忘录直接记录&#xff0c;那我们的iPhone备忘录永久删除怎么恢复呢&#xff1f; 方法一&#xff1a;手机备忘录上进行恢复 注意&#xff1a;如…...

苹果备忘录误删了怎么恢复?3个方法快速复原

手机上的备忘录&#xff0c;相当于是我们的笔记本&#xff0c;可以用来记录各种数据与提醒事项&#xff0c;方便我们随时查看。但&#xff0c;生活中不管使用什么的电子设备都存在有数据丢失的情况&#xff0c;以至于影响生活与工作。今天小编就给大家介绍3种方法&#xff0c;教…...