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

jsp页面,让alert弹出信息换行显示

第一种方式:后端拼接上换行符前端显示

1,java后端将信息封装成字符串时,在需要换行的地方拼接上一个换行符,
显示在HTML中的换行,通常需要用<br>标签替代\n,如下:

String javaString = "Line1||Line2||Line3";
String modifiedString = javaString.replace("||", "<br/>");
// 然后将modifiedString以JSON或其他方式传递给前端

第二种 后端返回字符串,前端处理

假设你已经通过某种方式(如AJAX请求)将字符串从后端接收到,并存储在一个名为 javaString 的JavaScript变量中,你可以这样操作:
java:

String javaString = "Line1||Line2||Line3";

那前端处理,replace方法替换所有的||为换行符\n

var javaString = 'Line1||Line2||Line3'; // 假设这是从后端获取到的字符串
var modifiedString = javaString.replace(/\|\|/g, '\n');
// 现在modifiedString中的"||"已被替换为换行符// 将结果插入到HTML元素中,并保持换行效果
$("#targetElement").html(modifiedString.replace(/\n/g, '<br/>')); // 对于显示在HTML中的换行,通常需要用<br>标签替代\n

为什么换行使用/||/g这个去匹配||,
在JavaScript中,|| 是用来匹配字符串中的 “||” 字符序列的正则表达式。正则表达式的 /pattern/g 格式表示全局搜索并替换。

|:因为在JavaScript正则表达式中,| 代表逻辑或(alternation),所以要匹配字符 | 本身,需要使用反斜杠 \ 对其进行转义,即写成 |。
||:连续两个 | 就是用来匹配连续的两个 “|” 符号,即 “||”。
/g:这个是正则表达式的修饰符,表示全局搜索(global search)。这意味着它会查找字符串中所有匹配该模式的地方,并不是在找到第一个匹配项后就停止。
因此,/||/g 这个正则表达式就是用来在字符串 javaString 中查找所有的 “||” 并用换行符 \n 替换它们:

var modifiedString = javaString.replace(/\|\|/g, '\n');

这样,原本包含 “||” 的字符串就会被转换为在每个 “||” 位置有换行的新字符串。

http://www.lryc.cn/news/294827.html

相关文章:

  • 【IC设计】Windows下基于IDEA的Chisel环境安装教程(图文并茂)
  • IF=82.9!高分文献解读|吉西他滨联合顺铂化疗激活肿瘤免疫新机制
  • 【QT+QGIS跨平台编译】之二十八:【Protobuf+Qt跨平台编译】(一套代码、一套框架,跨平台编译)
  • 代码解析:list.stream().filter(Objects::nonNull).collect(Collectors.toList())
  • 代驾应用系统(ssm)
  • 技术栈面试综合整理
  • Java中的static关键字
  • SpringBoot日志插件log4J和slf4J的使用和比较含完整示例
  • 我的世界Java版服务器如何搭建并实现与好友远程联机Minecarft教程
  • 如何进行游戏服务器的负载均衡和扩展性设计?
  • 机器学习数学基础
  • SpringBoot注解--04--01--注解@Mapper在IDEA中自动注入警告的解决方案
  • 【Java八股面试系列】JVM-垃圾回收
  • Elasticsearch:集群故障排除和优化综合指南
  • 初识C语言·编译与链接
  • 堆与滑动窗口的结合(算法村第十六关黄金挑战)
  • ES6-let
  • 如何发布自己的npm包:
  • JavaSE——流程控制-跳转关键字(break、continue),小案例(随机数、猜数字)
  • Java HashSet 重写 equals() 和 hashCode() 对象去重
  • Mac电脑到手后的配置
  • Python中的while循环,知其然知其所以然
  • 云瞻无代码开发:连接并集成电商平台、营销系统和CRM
  • LeetCode-第2469题=温度转换
  • docer compose部署simple-docker
  • Android Studio中打开文件管理器
  • 算法42:天际线问题(力扣218题)---线段树
  • SpringBoot中使用Spring自带线程池ThreadPoolTaskExecutor与Java8CompletableFuture实现异步任务示例
  • OpenCV/C++:点线面相关计算(二)
  • 2024最新版鸿蒙HarmonyOS开发工具安装使用指南