一.跨域拦截请求

1.什么是跨域

	首先,现代浏览器为了安全,做了一个同源限制.也就是所谓的同源安全策略.本质上,其实是不存在所谓的跨不跨域的.把浏览器想象成一个发送网络请求的软件.按照道理来说,请求都是可以发送出去的.但是在 web 端,浏览器里,这么做的就不合适.如果网络上的接口可以不受限制的被任意人调用.那将是一个非常混乱的场景.所以,为了防止这种情况,浏览器做了这个同源策略来防止这种情况发生.对,一般服务器不管这个事情.跨域指的是,A网站内部向B网站发送一个AJAX请求.由于浏览器有同源策略的限制,默认情况下,是不允许 A网站向 B 网站请求数据资源的.http://my.website.com/ ---> http://your.website.com/ 是不允许的.具体来说,凡是发送请求中,协议,主机名,端口号 有一个不同,即为跨域请求.上述例子:my.website.com 和 your.website.com 就属于主机名不同而导致的跨域.具体可以参照下面这个表.

在这里插入图片描述

	总结一句:协议相同 + 域名相同 + 端口号相同浏览器才认为是同一个网站.才不同受到同源策略的影响.才可以正常的发送 AJAX 请求.其他情况下,发送 AJAX 请求,都属于跨域.请注意: 这里说的是 XMLHttpRequest 下的 AJAX 请求.对于 <img> , <script>, <link> 等标签,就不存在跨域请求.(除非对方后台做了防盗链)继续补充:所谓的同源策略是浏览器实现的,而和后台服务器无关.A 发送请求到 B. 请求实际上是发送到了 B 后台, B后台接受到数据后.其实也有返回.只不过,这个数据返回到浏览器之后,浏览器把这个数据给劫持了.不让A网站使用.

2.CORS

cors 是 Cross-Origin-Resource-Sharing 的缩写.
也是现代浏览器普遍支持的一种非常方便的跨域方案.
它的具体工作流程是:
浏览器在检测到你发送的 ajax 请求不是同源请求时,会自动在 http 的头部添加一个 origin 字段.
请求是可以发送出去的，我们拿不到数据是因为浏览器在中间做了一层劫持。获取不到数据的原因也很简单:这是一次跨域请求.请求确实发送到服务器了.服务器也把数据返回到了浏览器.但是服务器返回的响应头里,没有告诉浏览器哪个域名可以访问这些数据(也就是没有设置 Access-Control-Allow-Origin)于是浏览器就把这个数据丢弃了.我们也就无法获取到这个数据.这个时候,只需要后台在相应头里加上一个 Access-Control-Allow-Origin:* 即可完成跨域数据获取.在后台服务器设置 Access-Control-Allow-Origin:*响应头

package org.westos.web;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;//@WebServlet：value属性代表请求路径，name属性代表这个Servlet的名称。
@WebServlet(value = "/login", name = "LoginServlet")
public class LoginServlet extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {System.out.println("请求来了");//获取前台的请求参数//后台还必须对用户名和密码进行二次校验String username = request.getParameter("username");String password = request.getParameter("password");System.out.println(username);System.out.println(password);//调用JDBC 去查询数据库//假如你查询完数据库，用户登录信息是对的//给前台响应数据response.setContentType("application/json;charset=utf-8");//{"msg":"ok"}//String json2="{'msg':'0k'}"; 这么写JSON字符串不规范 前台JSON.parse() 转换不了为JSON对象// \" 转意 这个双引号// {"code":200,"msg":"ok"}//String jsonStr="{\"code\":200,\"msg\":\"ok\"}";String json="{\"msg\":\"ok\"}";//设置响应头 告诉浏览器，不管来自哪里的请求，我认为都可以，你浏览器，不要拦截我响应给人家的数据response.setHeader("Access-Control-Allow-Origin","*");response.getWriter().write(json);//浏览器同源策略机制  以及跨域请求}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {this.doPost(request, response);}
}

3.JSONP

(1)原理

利用某些标签不受浏览器同源策略的限制，比如<script><img><link>标签
jsonp利用script标签具有跨域能力的特点，允许用户通过script的src属性向服务器发送请求，并传递一个函数名作为参数，服务端返回数据时会将这个callback函数作为函数名包裹住从服务端接收的json数据，客户端会按照定义好的方式处理数据。注意:JSONP 这种方式，只支持GET请求

(2)为什么要使用JSONP

一些接口不支持CORS方式跨域请求,例如查询手机归属地的接口不支持CORS跨域请求,这个时候就需要通过JSONP的方式来进行跨域请求

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script src="js/jquery-3.5.1%20-%20副本.js" type="text/javascript" charset="utf-8"></script></head><body><button type="button" id="btn">按钮</button></body>
</html><script type="text/javascript">var v = document.getElementById("btn");v.onclick = function() {const xhr = new XMLHttpRequest();xhr.open('GET', 'https://tcc.taobao.com/cc/json/mobile_tel_segment.htm?tel=13259141515', true);xhr.send();xhr.onreadystatechange = function() {if (xhr.readyState == 4 && xhr.status == 200) {console.log(xhr.responseText);}}}
</script>

在这里插入图片描述

(3)原生JSONP进行跨域

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script type="text/javascript">/* JSONP 请求的原理就是利用 某些标签不受浏览器同源策略的限制 比如 script标签 img  link JSONP 这种方式，只支持GET请求https://tcc.taobao.com/cc/json/mobile_tel_segment.htm?tel=13259141515&callback=getJsonDatacallback=getJsonData 指定回调函数名callback 这个键名：是大家约定俗称的你就不要乱改。getJsonData 指定回调函数名指定回调的函数名//后台 JSOP的方式 响应回来的数据getJsonData({mts:'1325914',province:'陕西',catName:'中国联通',telString:'13259141515',areaVid:'30503',ispVid:'137815084',carrier:'陕西联通'})  */function getJsonData(data){alert(data);}</script><script src="https://tcc.taobao.com/cc/json/mobile_tel_segment.htm?tel=13259141515&callback=getJsonData" type="text/javascript" charset="utf-8"></script>	</head><body>	<button type="button" onclick="send()">点击发送请求</button></body><script type="text/javascript">function send(){	}</script>
</html>

在这里插入图片描述

(4)jQuery封装过的jQuery跨域请求

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script src="js/jquery.js" type="text/javascript" charset="utf-8"></script></head><body><button type="button">按钮发送JSONP</button></body><script type="text/javascript">function getJsonData(data){alert(data);}</script><script type="text/javascript">/* jQuery1113012434005635604617_1596074606035({mts:'1325914',province:'陕西',catName:'中国联通',telString:'13259141515',areaVid:'30503',ispVid:'137815084',carrier:'陕西联通'}) */$('button').click(function() {//发送JSONP请求$.ajax({type: 'GET',url: 'https://tcc.taobao.com/cc/json/mobile_tel_segment.htm',data: {tel: '13259141515'},success:function(data){alert(data);},jsonp:'callback', //回调函数名，是Jquery随机生成，当然你可以指定回调函数名//jsonpCallback:'getJsonData', 自己指定回调函数名 dataType:"jsonp"})})</script>
</html>

简化形式

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script src="js/jquery.js" type="text/javascript" charset="utf-8"></script></head><body><button type="button">按钮发送JSONP</button></body><script type="text/javascript">function getJsonData(data) {alert(data);}</script><script type="text/javascript">/* jQuery1113012434005635604617_1596074606035({mts:'1325914',province:'陕西',catName:'中国联通',telString:'13259141515',areaVid:'30503',ispVid:'137815084',carrier:'陕西联通'}) */$('button').click(function() {//callback=?  ?问号的意思就是随机生成回调函数名//发送JSONP请求$.getJSON("https://tcc.taobao.com/cc/json/mobile_tel_segment.htm?tel=13259141515&callback=?", function(res) {alert(res.catName);});})</script>
</html>

4.proxy代理模式进行跨域

核心思想：让前端请求我们自己的后台，让后台去请求另一个后台，（因为后台和后台之间不用跨域，也没有同源策略机制，）获取真实的数据，然后把数据返回给前台，实现方式可以利用nginx做反向代理，以及我们写一个后台中转的服务器。

二.Java对象和JSON字符串之间的转换

1.Java对象转JSON字符串

为了满足客户端需要的数据格式为"json"，那么服务器端需要返回一个"json"字符串。jackson工具类，完成Java对象和JSON字符串的转换。SpringMVC内置的JSON转换工具。记得要引入三个jar包
使用场景：JDBC读取数据库数据后，封装为JAVA对象，将对象转换为JSON字符串返回给前台。

定义一个手机类:

package org.westos.demo;import java.util.Date;public class Phone {//@JsonIgnore  //忽略这个属性，不要转换成JSON字符串private String name;private String color;private int price;private Date date;// @JsonIgnore,手机壳类,不让他转成字符串private PhoneBox phoneBox;public Date getDate() {return date;}public void setDate(Date date) {this.date = date;}public PhoneBox getPhoneBox() {return phoneBox;}public void setPhoneBox(PhoneBox phoneBox) {this.phoneBox = phoneBox;}public String getName() {return name;}public void setName(String name) {this.name = name;}public String getColor() {return color;}public void setColor(String color) {this.color = color;}public int getPrice() {return price;}public void setPrice(int price) {this.price = price;}
}

手机壳类

package org.westos.demo;public class PhoneBox {private String boxName;private String boxColor;public String getBoxName() {return boxName;}public void setBoxName(String boxName) {this.boxName = boxName;}public String getBoxColor() {return boxColor;}public void setBoxColor(String boxColor) {this.boxColor = boxColor;}
}

Java对象转换为字符串

package org.westos.demo;import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;public class MyTest {public static void main(String[] args) throws JsonProcessingException {//我们在给前台响应数据时，通常会用JSON字符串给前台返回，但是我们手动拼接JSON格式的字符串，肯定可以，//但是如果说JSON字符串封装的数据比较复杂，如果我们手动拼接，就特别繁琐。//有时前台给后台提交数据时也会提交JSON字符串，如果说明我自己截取JSON字符自己去数据也非常的繁琐。//我们可以使用第三方封装好的的工具类，来进行JSON字符串和Java对象的互转。/* { mts:'1325914',province:'陕西',catName:'中国联通',telString:'13259141515',areaVid:'30503',ispVid:'137815084',carrier:'陕西联通'}*///第三方的Java JSON 工具类  GSON  FastJSON  jackson//jackson 杰克逊 他 SpringMVC 框架内置的JSON解析器。//1. 使用jackson 杰克逊 把Java对象转换成JSON字符串。//JDBC  从数据库中查出某个手机的信息。Phone phone = new Phone();phone.setName("小米");phone.setColor("白色");phone.setPrice(800);ObjectMapper mapper = new ObjectMapper();//把Java对象转换成JSON字符串String s = mapper.writeValueAsString(phone);//{"name":"小米","color":"白色","price":800}System.out.println(s);}
}

也可以放列表对象

package org.westos.demo;import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;import java.util.ArrayList;public class MyTest2 {public static void main(String[] args) throws JsonProcessingException {Phone phone = new Phone();phone.setName("小米");phone.setColor("白色");phone.setPrice(800);Phone phone2 = new Phone();phone2.setName("苹果");phone2.setColor("黑色");phone2.setPrice(8000);Phone phone3 = new Phone();phone3.setName("华为");phone3.setColor("红色");phone3.setPrice(2000);ArrayList<Phone> list = new ArrayList<>();list.add(phone);list.add(phone2);list.add(phone3);ObjectMapper mapper = new ObjectMapper();String s = mapper.writeValueAsString(list);System.out.println(s);}
}

map集合

package org.westos.demo;import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;import java.util.HashMap;public class MyTest3 {public static void main(String[] args) throws JsonProcessingException {Phone phone = new Phone();phone.setName("小米");phone.setColor("白色");phone.setPrice(800);Phone phone2 = new Phone();phone2.setName("苹果");phone2.setColor("黑色");phone2.setPrice(8000);Phone phone3 = new Phone();phone3.setName("华为");phone3.setColor("红色");phone3.setPrice(2000);HashMap<String, Phone> hm = new HashMap<>();hm.put("phone1",phone);hm.put("phone2", phone2);hm.put("phone3", phone3);ObjectMapper mapper = new ObjectMapper();String s = mapper.writeValueAsString(hm);System.out.println(s);}
}

还可以把Java对象，转换成JSON数据，存到文件中

package org.westos.demo;import com.fasterxml.jackson.databind.ObjectMapper;import java.io.File;
import java.io.FileOutputStream;
import java.io.FileWriter;
import java.io.IOException;public class MyTest4 {public static void main(String[] args) throws IOException {Phone phone = new Phone();phone.setName("小米");phone.setColor("白色");phone.setPrice(800);PhoneBox phoneBox = new PhoneBox();phoneBox.setBoxName("手机壳");phoneBox.setBoxColor("透明");phone.setPhoneBox(phoneBox);ObjectMapper objectMapper = new ObjectMapper();String s = objectMapper.writeValueAsString(phone);System.out.println(s);//可以把Java对象，转换成JSON数据，存到文件中objectMapper.writeValue(new FileOutputStream("phone.json"),phoneBox);objectMapper.writeValue(new FileWriter("phone2.json"), phoneBox);objectMapper.writeValue(new File("phone3.json"), phoneBox);}
}

注解

@JsonIgnore：该属性不参与转换@JsonFormat：格式化日期

定义person类

package org.westos.demo3;import com.fasterxml.jackson.annotation.JsonFormat;
import com.fasterxml.jackson.annotation.JsonIgnore;import java.util.Date;public class Person {@JsonIgnore //排除某个属性，不要转换成JSONprivate String username;private String password;private Boolean isBoos;private int age;//格式日期的注解@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss",timezone = "GMT+8")private Date date;public Person() {}public Person(String username, String password, Boolean isBoos, int age, Date date) {this.username = username;this.password = password;this.isBoos = isBoos;this.age = age;this.date = date;}public Date getDate() {return date;}public void setDate(Date date) {this.date = date;}public String getUsername() {return username;}public void setUsername(String username) {this.username = username;}public String getPassword() {return password;}public void setPassword(String password) {this.password = password;}public boolean isBoos() {return isBoos;}public void setBoos(boolean boos) {isBoos = boos;}public int getAge() {return age;}public void setAge(int age) {this.age = age;}@Overridepublic String toString() {return "Person{" +"username='" + username + '\'' +", password='" + password + '\'' +", isBoos=" + isBoos +", age=" + age +", date=" + date +'}';}
}

测试

package org.westos.demo2;import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;import java.util.Date;public class MyTest {public static void main(String[] args) throws JsonProcessingException {Person person = new Person();person.setUsername("张三");person.setAge(23);person.setBoos(true);person.setPassword("123456");person.setDate(new Date());ObjectMapper objectMapper = new ObjectMapper();String s = objectMapper.writeValueAsString(person);System.out.println(s);}
}

{"password":"123456","age":23,"date":"2020-08-03 12:11:17","boos":true}

3.JSON字符串转换为Java对象

利用：GsonFormat插件

package org.westos.demo;import com.fasterxml.jackson.annotation.JsonIgnoreProperties;@JsonIgnoreProperties(ignoreUnknown = true)
public class Phone {/*** brand : 华为* color : 亮黑色* price : 4488* cpu : {"company":"麒麟","cpuName":"麒麟9905G"}*/private String brand;private String color;private int price;private CpuBean cpu;public String getBrand() {return brand;}public void setBrand(String brand) {this.brand = brand;}public String getColor() {return color;}public void setColor(String color) {this.color = color;}public int getPrice() {return price;}public void setPrice(int price) {this.price = price;}public CpuBean getCpu() {return cpu;}public void setCpu(CpuBean cpu) {this.cpu = cpu;}@JsonIgnoreProperties(ignoreUnknown = true)public static class CpuBean {/*** company : 麒麟* cpuName : 麒麟9905G*/private String company;private String cpuName;public String getCompany() {return company;}public void setCompany(String company) {this.company = company;}public String getCpuName() {return cpuName;}public void setCpuName(String cpuName) {this.cpuName = cpuName;}}// 新建一个Phone类，属性方法由GsonFormat插件根据JSON字符串自动生成// 鼠标右键，Generate，选择GsonFormat
}

package org.westos.demo;import com.fasterxml.jackson.databind.ObjectMapper;import java.io.IOException;public class MyTest {public static void main(String[] args) throws IOException {ObjectMapper mapper = new ObjectMapper();String jsonStr = "{\"brand\":\"华为\",\"color\":\"亮黑色\",\"price\":4488.0,\"cpu\":{\"company\":\"麒麟\",\"cpuName\":\"麒麟9905G\"}}";Phone phone = mapper.readValue(jsonStr, Phone.class);System.out.println(phone.getBrand());// 华为System.out.println(phone.getColor());// 亮黑色System.out.println(phone.getPrice());// 4488System.out.println(phone.getCpu().getCompany());// 麒麟System.out.println(phone.getCpu().getCpuName());// 麒麟9905G}
}

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

第六届蓝桥杯（国赛）——机器人繁殖
问题描述 X 星系的机器人可以自动复制自己。它们用 1 年的时间可以复制出 2 个自己，然后就失去复制能力。每年 X 星系都会选出 1 个新出生的机器人发往太空。也就是说，如果 X 星系原有机器人 5 个。 1 年后总数是：5 + 9 = 14 2 年后总数是：5 + 9 + 17 = 31 如果已经探测经…...
2024/4/25 8:36:31
自定义RedisTemplate，序列化中出现的错误
jacksonSeial.setObjectMapper(om);这句话可能会影响一个错误解决方式：在User类中添加无参的构造方法错误提示；不存在像默认构造函数那样的创建者：无法从对象值反序列化（没有基于委托或基于属性的创建者）可能原因：redis的这些序列化方式,需要无参构造函数进行创建对象…...
2024/5/8 11:46:36
Hexo+Icarus3+live2d给博客添加看板娘
补坑之前写过一篇icarus添加看板娘的教程但是版本是<Icarus3的 Icarus3改版很大，完全使用了jsx来代替了ejs，不过添加看板娘不管是jsx还是ejs差别都不大 icarus3之前的教程博客传送门上一篇博客那时候拉的live2D还需要导入jQuery 2020年1月1日起，项目不再依赖于 jQuer…...
2024/5/9 3:06:38
node进阶实战面试题
node进阶实战面试题写出以下程序的执行结果 for(var i=0;i<5;i++){ setTimeout(function(){ console.log(i); }); }答：输入4个5，因为setTimeout是异步，主线程执行完成后才会执行settimeout中的方法，这时候i已经是5了。想要输入0、1、2、3、4，需要把var改成let，这样i会…...
2024/4/17 16:14:41
Handler中loop方法为什么不会导致线程卡死
前言最近闲的时间比较多，浏览一些公众号和一些IT网站，突然看到一个问题： Handler中loop方法为什么不会导致线程卡死？我先浏览了一下源码，以下为截取部分片段： /**Looper*/ public static void loop() {...for (;;) {Message msg = queue.next(); // might blockif (msg…...
2024/5/8 22:27:07
const成员变量和成员函数
const成员变量 const 成员变量的用法和普通 const 变量的用法相似，只需要在声明时加上 const 关键字。初始化 const 成员变量只有一种方法，就是通过构造函数的初始化列表。初始化 const 成员变量构造函数初始化列表还有一个很重要的作用，那就是初始化 const 成员变量。初始…...
2024/4/25 20:46:40
dubbo面试题
dubbo是什么dubbo是一个分布式框架，远程服务调用的分布式框架，其核心部分包含：集群容错：提供基于接口方法的透明远程过程调用，包括多协议支持，以及软负载均衡，失败容错，地址路由，动态配置等集群支持。远程通讯：提供对多种基于长连接的NIO框架抽象封装，包括多种线程模…...
2024/4/17 20:57:08
公司有负面新闻应该如何删除？
负面信息对企业的影响是很大的。比如求职者应聘，一般都会先通过网络了解下企业。然而如果不巧搜到了负面信息，那么无形之中就流失了很多人才。招聘求职尚且如此，更不要说是产品或者服务的潜在客户了。舆论和媒体的影响，在现在的信息社会之中，是企业必须合理应对的。出现了…...
2024/5/8 23:28:28
关于UGUI点击穿透场景的问题
之前项目使用NGUI开发，在UGUI里面，可以使用UICamera提供的检测方法来检测是否点击到了NGUI的元素。现在我们使用UGUI开发，而且使用了两种点击输入（inputmouse和射线检测）。针对这种情况，使用unity EventSystem来进行检测UGUI的点击，然后在我们的场景点击输入端进行检测即…...
2024/5/8 19:04:14
uni-app设置全局属性globalStyle
uni-app修炼之路（五）参考官方文档：https://uniapp.dcloud.io/collocation/pages 应用的状态栏、导航条、标题、窗口背景色等这些公共的样式一般情况下都会写在globalStyle里面。这样页面就无需进行单独的配置了。属性类型默认值描述平台差异说明navigationBarBackgroun…...
2024/5/2 0:05:37
java 调用科大讯飞语音听写和语音合成jdk
首先需要去科大讯飞开放云平台注册账号，添加一个应用，并领取免费的语音听写和语音合成的免费使用权限，拿到appId（用于后续使用）然后下载语音听写对应的开发demo包(语音听写和语音合成用的jar包一样的，只要下载一份即可)，如下图：解压后把2个jar包和对应的库文件（window…...
2024/5/8 23:07:50
2020电工（初级）复审模拟考试及电工（初级）模拟考试系统
题库来源：安全生产模拟考试一点通公众号小程序2020电工（初级）复审模拟考试及电工（初级）模拟考试系统，包含电工（初级）复审模拟考试答案解析及电工（初级）模拟考试系统练习。由安全生产模拟考试一点通公众号结合国家电工（初级）考试最新大纲及电工（初级）考试真题出具…...
2024/4/25 0:48:24
2020起重机司机(限桥式起重机)证考试及起重机司机(限桥式起重机)作业考试题库
题库来源：安全生产模拟考试一点通公众号小程序2020起重机司机(限桥式起重机)证考试及起重机司机(限桥式起重机)作业考试题库，包含起重机司机(限桥式起重机)证考试答案解析及起重机司机(限桥式起重机)作业考试题库练习。由安全生产模拟考试一点通公众号结合国家起重机司机(限桥…...
2024/5/8 15:35:15
2020G1工业锅炉司炉考试题及G1工业锅炉司炉模拟考试软件
题库来源：安全生产模拟考试一点通公众号小程序2020G1工业锅炉司炉考试题及G1工业锅炉司炉模拟考试软件，包含G1工业锅炉司炉考试题答案解析及G1工业锅炉司炉模拟考试软件练习。由安全生产模拟考试一点通公众号结合国家G1工业锅炉司炉考试最新大纲及G1工业锅炉司炉考试真题出具…...
2024/5/9 2:45:09
HelloWorld暑期学习之决策树
HelloWorld暑期学习之决策树——第四章前言一、线性模型二、决策树三、划分选择1. 信息增益2. 增益率3. 基尼指数四、剪枝处理1.预剪枝2.后剪枝五、连续与缺失值1.连续值2.缺失值六、总结前言 HUAHUA暑假自学西瓜书顺手写的学习笔记，偏向入门科普型QAQ，建议配合西瓜书观看。…...
2024/5/9 4:58:41
vue实现点击后动态添加class及删除同级class vue单击呈现不同样式 vue点击选中不同样式
vue实现点击后动态添加class及删除同级class代码丑丑的写法，但是一看就能理解上面的意思参考链接代码 html <template lang="html"><div><div@click="changeIndex(index)"v-for="(item,index) in arr":class="{on:currentI…...
2024/4/25 16:25:13
sed使用变量进行匹配替换的问题
环境：MacOS X 10.8.2 在MacOS下使用sed进行字符串替换，并保存到原文件中： sed -i s/源字符/目标字符/g 文件其中 -i 后面的单引号是设置备份文件。设置为空表示不需要备份。在MacOS 10.8.2环境中，必须设置这个参数，否则不会保存到原文件中。其它版本和系统我没有环境测试…...
2024/4/25 9:10:27
如何在SQL Server中查询大于特定日期的所有日期？
本文翻译自：How do I query for all dates greater than a certain date in SQL Server? Im trying: 我尝试着： SELECT * FROM dbo.March2010 A WHERE A.Date >= 2010-04-01;A.Date looks like: 2010-03-04 00:00:00.000 A.Date看起来像： 2010-03-04 00:00:00.000 How…...
2024/5/8 20:12:54
在Visual Studio上运行JM8.6
该博客用VS 2019跑JM8.6代码，本人刚刚接触这放方面知识，菜鸟一枚，博客中有不足的地方希望大家原谅并指出。参考博客：点击这里1、用VS打开JM下的tml.sln文件我用VS2019打开后，会出现如下的提示，点击确认，然后把rtpdump文件删掉(不知道为什么要删掉)。Iencod代表编码，Id…...
2024/4/22 5:21:45
vmware Centos6.5 忘记密码
编写目的今天打开vmware虚拟机，启动Centos 6.5 然后，忘记了密码，找了找解决办法，然后整理了一下。方便日后查询。解决步骤重启Centos 6.5 启动虚拟机，出现下面的倒计时界面时，按键盘上的e键. （说明：要确保光标此时已经在虚拟机内了，要不然，按了e键，也是在windows内…...
2024/4/22 13:44:57

4.跨域拦截请求+JSON字符串和对象的互转

一.跨域拦截请求

1.什么是跨域

2.CORS

3.JSONP

(1)原理

(2)为什么要使用JSONP

(3)原生JSONP进行跨域

(4)jQuery封装过的jQuery跨域请求

4.proxy代理模式进行跨域

二.Java对象和JSON字符串之间的转换

1.Java对象转JSON字符串

注解

3.JSON字符串转换为Java对象

相关文章

最新文章