JS前台替换后台传回的换行符

最新推荐文章于 2024-01-29 11:49:29 发布
原创 最新推荐文章于 2024-01-29 11:49:29 发布 · 755 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#json

本文介绍了解决从服务器返回的JSON数据中包含回车符（ ）的问题，通过使用JavaScript进行字符串替换来确保客户端正确解析。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

使用Ajax从服务器端返回json数据时如果有回车符（\r\n）,客户端解析会出错: 
所以在这之前先将回车符替换掉才行 

json.replace("\r\n", "<BR>")；//单个替换 
json.replace(/\\r\n/g, "<BR>"));//全部替换

或者

 json.replace(/\r/ig, "").replace(/\n/ig,""); 

下面的这个浏览器兼容

笔记整理——Vue2项目尚品汇
Thaley的博客
01-01 2330
笔记整理——Vue2项目尚品汇
前端面试题
汤玉鹏
03-08 6941
1.v-show和v-if有什么区别 什么时候使用最好 区别：v-if是通过控制dom节点的存在与否来控制元素的显隐；v-show是通过设置DOM元素的display样式，block为显示，none为隐藏； 什么时候使用：如果需要非常频繁地切换，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。 2.带宽增加，什么方式去考虑问题 1.病毒 在服务器上安装杀毒软件，进行杀毒。 2.网络攻击 登陆阿里云管理控制台，查看云盾中的防护 DDOS 攻击是否调整好阈值， 并核...
js深拷贝的应用及正则替换后台返回的换行符
weixin_42380440的博客
12-06 205
有一次在操作数据时发现，直接操作原始数据进行赋值，会导致原始数据中的其他项数据也跟着一块改变。排查过后发现是拷贝数据问题，需要深拷贝一份数据，对拷贝的数据进行操作就没问题了，在此记录一下。 cloneObj : function(obj){ var str, newobj = obj.constructor === Array ? [] : {}; if(typeof obj ...
JavaScript[容易忽视的错误]：当续行遇到换行，换行符丢失
hongweigg的专栏
07-14 6792
1、引言 在JavaScript中，当定义一个大的字符串，特别是有换行情况时，为了看起来整齐、易读，一般使用续行符，例如： var script = "var chart = anychart.pieChart([\ ['Chocolate paste', 5],\ ['White honey', 2],\
后端返回字符串中带换行符，前端需转换
dianmei9350的博客
07-03 5604
let remarkStr =' ' remarkStr = remarkStr.replace(/\n/g,"<br/>") this.remark = remarkStr <span v-html="remark"></span> 　另外原生参考方法： https://www.itransl...
android webview原生与JS交互参数带换行符处理
qugengting的博客
08-25 801
起个标题就够费劲的，需求是这样：webview里面是自己写的本地html，原生调用js方法时传递字符串，js就把字符串加在html主div（id为editor）的后面，像这样： RE.insertText = function(text) { $("#editor").append("<div style='white-space:pre-wrap'>" + text+ "</div>") } 这里解释下pre-wrap： pre-wrap 有多少空白格，显示多少空白格..
js解析json时处理回车和换行
shuiganhengdaolima的专栏
08-30 2871
用ajax返回的json数据经js解析的时候会报错，这时候要在js解析json之前对数据进行处理    1、回车换行符   mysql oracle sqlserver 换行符 \r  或\r\n或CHAR(10) CHR(10) CHAR(13) 字符串连接符 CONCAT() ||或CONCAT() + 2、处理回车换行     var res...
前端知识宝典
最新发布
qq_37759901的博客
01-29 1706
搜索框输入，文本剪辑器实时保存代码实现思路如下：（利用定时器，每次触发先清掉以前的定时器，从新开始）
Thinkphp框架
aming小老弟
10-11 791
作为一个整体开发解决方案，ThinkPHP能够解决应用开发中的大多数需要，因为其自身包含了底层架构、兼容处理、基类库、数据库访问层、模板引擎、缓存机制、插件机制、角色认证、表单处理等常用的组件，并且对于跨版本、跨平台和跨数据库移植都比较方便。ThinkPHP可以支持windows/Unix/Linux等服务器环境，正式版需要PHP5.0以上版本支持，支持MySql、PgSQL、Sqlite多种数据库以及PDO扩展，ThinkPHP框架本身没有什么特别模块要求，具体的应用系统运行环境要求视开发所涉及的模块。
前端面试总结
czy19970301的博客
09-16 2430
注册登录是怎么实现的 1.登陆注册要做成受控组件，组件定义state，和表单绑定 2.redux-saga调用数据请求，发送action修改数据， useEffect中dispatch发送数据请求，后端比对用户名是否重复，返回state 3.前端根据返回的信息成功跳转登陆页 4.登陆发送数据请求，数据库对比用户名密码是否正确, 根据后端返回的结果进入首页 5.setCookie将用户登录名密码token存cookie中 通过JWT(Json web token) 6.免密登陆 getC
将前端JS数据传递给后台服务器
kaizq的专栏
02-03 7303
之前做的电子考试系统，应用中发现，不提交答案的时候，前端选题变化时时间传到后台的，不是现在计时，而是最初的值，很致命。 图中，exmpNm、exmqNm、tmDt都是前后传递的变量，tmDt在前端页面里通过JS变量而变化。 <input type="hidden" id="exmqNm" value="${exmqNm}" name="exmqNm"/> &lt...
js替换字符串中的空格，换行符
xiejlang的博客
09-20 1万+
js替换字符串中的空格，换行符\r\n或\n替换成 转载 为了让回车换行符正确显示，需要将 \n 或 \r\n 替换成 。同样地，将空格替换存  。这里我们通过正则表达式来替换。 一、替换所有的空格、回车换行符 //原始字符串 var string = “欢迎访问!\r\nhangge.com 做最好的开发者知识平台”; //替换所有的换行符 string = string.replace(/\r\n/g,"") string = string.replace(/\n/g,""); //替换
前端js处理后台返回的含换行符的字符串
一个昵称叫铃风的小前端
06-12 8813
network里面显示：enter键图形，下左转弯箭头 console.log字符串显示：换行 transformLineBreak (str) { if (!str) { return [] } let arr = str.split(/\n/g) if (!arr[arr.length]) { // 如果最后一行后面有换行符，删除数组最后一项空字符串 arr.p...
如何让后台返回数据针对指定格式显示前端页面——替换换行空格
qq_44935762的博客
04-08 1708
今天的第一个bug任务： 具体的任务要求就是让前端页面和后台返回的数据格式一致 前端显示没有格式换行 后端数据有格式 解决办法 就是需要需要将获取到的换行，空格，都统一换成标签前端的标签换行 const temp = rznr.replace(/\r\n/g, '<br/>').replace(/\n/g, '<br/>').replace(/\s/g, '&nbsp;'); this.myCurrentLog = temp; 实现效果： 就是通过replace函
JavaScript中url 传递参数(特殊字符)解决方法
Lan Lily的专栏
01-04 3063
有些符号在URL中是不能直接传递的，如果要在URL中传递这些特殊符号，那么就要使用他们的编码了。下表中列出了一些URL特殊符号及编码   十六进制值  1. + URL 中+号表示空格 %2B  2. 空格 URL中的空格可以用+号或者编码 %20  3. / 分隔目录和子目录 %2F  4. ? 分隔实际的 URL 和参数 %3F  5. % 指定特殊字符 %25  6.
前后台传换行符的问题
热门推荐
liwenxia626的专栏
09-19 1万+
今天遇到一个看似很简单，又有点棘手的问题。 前台传到后台的数据有换行符，后台接收，如果不做处理直接返回到页面，用jsp接收${desc}是没有问题的。但是，如果在js中引用，控制台就会报出unterminated string literal的错误。遇到这种情况有两种方式可以处理： 1）保存数据前先处理，用其他字符串代替\n或者\r\n，后台保存后，如果前台有需要再返回时，可以再替换成\n或者
前端页面上换行、根据后端返回的换行符（“↵”）进行换行展示（vue、v-html）
huangfuyk.的博客
05-17 1万+
有时候我们会遇到这样的需求：后端返回一个换行符（“↵”），前端拿到后需求根据该符号进行换行展示 方法一：textarea赋值 当我们拿到后端返回的数据时，直接通过v-model绑定给textarea，就会有默认的换行，但是它不能随内容高度增加textarea高度实现自适应，如果用JS来实现的话，相对麻烦一点。 方法二：使用v-html输出文本 “↵”符号在html中会识别别为\r,\n等转义字符，所以我们可以使用\r\n去替换（.replace(/(\r\n|\n|\r)/gm, ' < .
在页面展示时保留后台传给前台的换行符
qq_37405634的博客
07-06 1716
在页面展示时保留后台传给前台的换行符 文本中换行，在前端展示的时候需要将文本中的换行和回车转换为 ; descStr = descStr.replace(/(\r\n|\n|\r)/gm,’’); \r是回车，\n是换行，Enter是\r\n /g全局查找所有匹配到的 /m多行查找 ...
记录一下前端文字换行
XiaoSen207的博客
01-05 2239
前端文字换行，超出长度导致样式出错
C#前台函数返回值怎么传回后台
05-26
要将前台函数的返回值传回后台，可以使用 AJAX 技术。具体步骤如下： 1.在前台函数中使用 jQuery 的 AJAX 方法，将返回值作为参数传递给后台处理程序。 例如： ```javascript $.ajax({ type: "POST", url: "后台处理程序的 URL", data: { 参数1: 前台函数的返回值 }, success: function(data) { // 处理后台处理程序的返回结果 } }); ``` 2.在后台处理程序中，使用相应的语言（如 C#）接收传递过来的参数，并进行处理。 例如： ```csharp string 参数1 = Request.Form["参数1"]; // 进行相应的处理 ``` 需要注意的是，传递的参数和接收的参数名称要保持一致。另外，AJAX 方法的 type 属性可以根据具体情况选择 GET 或 POST，url 属性要填写后台处理程序的 URL。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值