友链朋友圈

从前端到后端:如何在 URL 参数中传递 JSON 数据

引言 在 Web 开发中,我们经常需要将数据作为 URL 参数进行传递。当我们需要传递复杂的数据结构时,如何在前端将其转换为字符串,并在后端正确地解析它呢?本文将介绍如何在前端将 JSON 数据进行 URL 编码,并在后端将其解析为相应的数据类型,同时提供 Java 语言的示例代码。 在前端使用 URL 参数传递 JSON 数据 有时候我们需要在前端将 JSON 数据传递给后端,例如通过 AJAX 请求或者页面跳转。URL 参数是一种常见的传递数据的方式,但是由于 URL 参数只支持字符串类型的数据,而 JSON 数据是一种复杂的数据类型,因此需要进行编码和解码操作。 在 JavaScript 中,我们可以使用 JSON.stringify() 方法将 JSON 对象转换为字符串,然后使用 encodeURIComponent() 方法对字符串进行 URL 编码。以下是一个将 JSON 数据作为 URL 参数发送 AJAX 请求的示例: const data = { name: 'John', age: 30 };const encodedData = encodeURIComponent(JSON.stringify(data));fetch(`/api/user?data=${encodedData}`) .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error(error)); 在上面的示例中,我们首先创建了一个包含两个属性的 JSON 对象 data,然后将其转换为字符串并进行 URL 编码。然后我们使用 fetch() 方法发送一个带有 data 参数的 GET 请求,并在响应中使用 json() 方法将响应体解析为 JS...

avatar 龙儿之家 发表于 2023年04月26日 13:09:31

ECharts 径向条形图


avatar Eurkon 发表于 2023年04月26日 09:00:00

Java判断文件大小后缀名匹配工具类

文件后缀名限定String edward = FileUploadUtils.getExtension(file).toLowerCase(); String[] args = {"png", "gif", "jpeg", &

avatar 墨点白 发表于 2023年04月20日 11:13:00

Java判断文件大小后缀名匹配工具类

文件后缀名限定String edward = FileUploadUtils.getExtension(file).toLowerCase(); String[] args = {"png", "gif", "jpeg", &

avatar 墨点白 发表于 2023年04月20日 11:13:00

Java判断文件大小后缀名匹配工具类

文件后缀名限定 String edward = FileUploadUtils.getExtension(file).toLowerCase(); //限定文件类型 String[] args = {"png", "gif", "jpeg", "jpg"}; Arrays.sort(args); //包含的话是整数 不包含的话是负数 int result = Arrays.binarySearch(args, edward); //判断文件格式 if (result < 0) { throw new BadRequestException("上传的文件格式不支持,请重新选择!"); } 文件大小限定 //判断文件大小 不大于5M if(!FileUploadUtils.fileSize(file.getSize(),5,"M")){ throw new BadRequestException("出错了!请上传png、gif、JPEG等格式,大小不超过5M的图片!"); } 实现工具类 /** * 文件上传工具类 * * @author modianbai */public class FileUploadUtils { /** * 默认大小 50M */ public static final long DEFAULT_MAX_SIZE = 50 * 1024 * 1024; /** * 默认的文件名最大长度 100 */ public static final int DEF...

avatar 墨点白 发表于 2023年04月20日 11:13:00

随笔 四

生活中遇见的趣事

avatar 宇生の后花园 发表于 2023年04月11日 11:41:44

二级域名,给自己一个拥有好多域名的机会

二级域名配置 因为需要用到多个域名来进行nginx代理配置,这里利用主站的域名设置二级域名来完成这个需求 使用的是阿里云的相关操作界面,首先进入域名解析的位置 主域名校验 这里点击TXT授权校验 主域名解析设置 获取到相关参数,然后在主域名进行解析设置 找到主域名的解析设置 配置新的解析 填上验证的参数 完成设置,添加二级域名 点击验证,完成解析后,再次点击添加域名 配置子域名记录的IP地址 后点击新建的子域名 点击新手引导 输入IP地址 选择确定 使用新手引导 自动生成两条记录,这里就可以使用这个网址创建网站 在相应的配置访问服务器地址了 配置二级域名的CDN配置 选择CDN的配置界面 点击域名管理 添加域名 设置源站的ip地址信息 击新增源站信息(是访问的服务器ipv4的地址) 设置CNAME 点击下一步 在这里进行 cname配置 获取CNAME值参数 返回上一级 拿到cname地址 到域名解析的地址 进行解析 找到刚才新建的域名 点击解析设置 配置二级域名解析 默认生成的两条解析暂停 配置CNAME的参数值 选择cname 粘贴cname值 解析成功 然后返回cdn加速域名管理的位置 显示还是待配置 这个需要稍等几分钟 然后就会显示已配置 已配置的域名可以直接使用cdn加速了

avatar 墨点白 发表于 2023年04月08日 14:08:04

二级域名,给自己一个拥有好多域名的机会

因为需要用到多个域名来进行nginx代理配置,这里利用主站的域名设置二级域名来完成这个需求

avatar 墨点白 发表于 2023年04月08日 14:08:04

二级域名,给自己一个拥有好多域名的机会

因为需要用到多个域名来进行nginx代理配置,这里利用主站的域名设置二级域名来完成这个需求

avatar 墨点白 发表于 2023年04月08日 14:08:04

选择哪种Web服务器?WebLogic vs Undertow vs Tomcat vs Nginx对比分析!

前言 WebLogic、Undertow、Tomcat和Nginx是常用的Web服务器和应用程序服务器。它们具有不同的功能、应用场景、优缺点等方面的特点,本文将对它们进行详细的比较。 功能比较 WebLogic是一个完整的JavaEE应用程序服务器,它具有强大的功能和灵活的配置。WebLogic支持分布式应用程序部署、负载均衡、高可用性、安全性等特性,适用于大型企业级Java应用程序。 Undertow是一个轻量级的Web服务器和应用程序服务器,它具有高性能和可扩展性的特点。Undertow支持HTTP、HTTPS、AJAX、WebSockets等协议,适用于构建高性能、低延迟的Web应用程序。 Tomcat是一个轻量级的Web服务器和应用程序服务器,它具有简单易用的特点。Tomcat支持Servlet、JSP等Java Web开发技术,适用于中小型Web应用程序。 Nginx是一个高性能的Web服务器和反向代理服务器,它具有高并发能力、低延迟和高可靠性的特点。Nginx支持负载均衡、反向代理、HTTP缓存等特性,适用于构建高性能、高并发、低延迟的Web应用程序。 应用场景比较 WebLogic适用于大型企业级Java应用程序,例如电子商务、金融服务、电信等行业的应用程序。WebLogic具有出色的可扩展性、高可靠性和安全性,适用于对性能、可靠性和安全性有严格要求的应用程序。 Undertow适用于构建高性能、低延迟的Web应用程序,例如在线游戏、金融交易等需要快速响应的应用程序。Undertow具有轻量级、高性能和可扩展性的特点,适用于对性能有严格要求的应用程序。 Tomcat适用于中小型Web应用程序,例如博客、社交网络、企业内部应用程序等。Tomcat具有轻量级、易于使用和配置的特点,适用于对性能要求不是特别高的应用程序。 Nginx适用于构建高性能、高并发、低延迟的...

avatar 龙儿之家 发表于 2023年04月07日 10:56:01