备案控制台
开发者社区 飞天洛神云网络 弹性公网IP 正文

json包含单双引号问题解决方案

2018-02-11 1340
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：

json包含单双引号问题解决方案http://www.bieryun.com/1197.html

最近项目中  遇到需要JSON传数据  但是某个字段 里面可能含有 双引号和单引号  导致出现错误

为了方便 写了一个工具类，比较好用。

支持“链式编程”

分享给大家

360网盘下载地址：http://yunpan.cn/cjCrRZj9uc8hE  访问密码 79f3

效果DEMO：

JsonQuotesUtil.js

[javascript] view plain copy

  1. /**
  2.  * 解决json传输数据时存在 同时存在单引号和双引号的问题
  3.  *
  4.  * 思路：
  5.  *
  6.  * 1 首选将 双引号转义
  7.  *
  8.  * 2 将 单双引号用不容易在字符串中出现的字符分别替换
  9.  *   在后台 分别用过单双引号替换掉即可
  10.  *
  11.  * 注：可以传入字符串 也可以传入字符串数组
  12.  * author: 明明如月 QQ 605283073
  13.  * time:2015年5月19日15:33:44
  14.  */
  16.  function JsonQuotesUtil()
  17.  {
  19.      var defualtSingleQuotePlaceholder="s%0";//默认单引号占位符
  20.      var defualtDoubleQuotePlaceholder="d%1";//默认双引号占位符
  22.      var singleQuotePlaceholder=defualtSingleQuotePlaceholder;//单引号占位符
  23.      var doubleQuotePlaceholder=defualtDoubleQuotePlaceholder;//双引号占位符
  25.     //设置单引号占位符(建议起不容易出现的字符)
  26.      this.setSingleQuotePlaceholder = function(single)
  27.      {
  28.          singleQuotePlaceholder=single;
  29.          return this;
  30.      }
  32.     //设置双引号占位符(建议起不容易出现的字符)
  33.      this.setDoubleQuotePlaceholder = function(double)
  34.      {
  35.          doubleQuotePlaceholder=double;
  37.          return this;
  38.      }
  40.     //恢复默认单引号和双引号占位符
  41.      this.restoreDefaults = function()
  42.      {
  43.          singleQuotePlaceholder=defualtSingleQuotePlaceholder;
  44.          doubleQuotePlaceholder=defualtDoubleQuotePlaceholder;
  45.         return this;
  46.      }
  48.     //用单引号占位符替换单引号 并返回替换后的字符串
  49.      this.replaceSingleQuote=function (str)
  50.      {
  52.          if(str instanceof  Array)//如果是数组分别替换
  53.          {
  54.              for(var i=0;i<str.length;i++)
  55.              {
  56.                 str[i]= str[i].replace(/'/g, singleQuotePlaceholder);
  58.              }
  59.          }else
  60.          {
  61.              str= str[i].replace(/'/g, singleQuotePlaceholder);
  62.          }
  63.           return str;
  64.      }
  66.      //用双引号替换符替换双引号 并返回替换后的字符串
  67.      this.replaceDoubleQuote = function (str)
  68.      {
  69.         // return str.replace(/"/g, doubleQuotePlaceholder);
  71.          if(str instanceof  Array)//如果是数组分别替换
  72.          {
  73.              for(var i=0;i<str.length;i++)
  74.              {
  75.                  str[i]= str[i].replace(/'/g, doubleQuotePlaceholder);
  77.              }
  78.          }else
  79.          {
  80.              str= str[i].replace(/'/g, doubleQuotePlaceholder);
  81.          }
  82.          return str;
  84.      }
  89.      this.replaceSingleAndDoubleQuote = function(str)
  90.      {
  91.         // return str.replace(/'/g,singleQuotePlaceholder).replace(/"/g, doubleQuotePlaceholder);
  92.          if(str instanceof  Array)//如果是数组分别替换
  93.          {
  94.              alert("1");
  95.              for(var i=0;i<str.length;i++)
  96.              {
  97.                  alert(str[i]);
  98.                  str[i]= str[i].replace(/'/g,singleQuotePlaceholder).replace(/"/g, doubleQuotePlaceholder);
  100.              }
  101.          }else
  102.          {
  103.              str= str.replace(/'/g,singleQuotePlaceholder).replace(/"/g, doubleQuotePlaceholder);
  104.          }
  105.          return str;
  106.      }
  109.      //双引号转义
  110.      this.escapeDoubleQuote = function(str)
  111.      {
  114.          if(str instanceof  Array)//如果是数组分别替换
  115.          {
  116.              alert("1");
  117.              for(var i=0;i<str.length;i++)
  118.              {
  119.                  alert(str[i]);
  120.                  str[i]= str[i].replace(/"/g,"\\\"");
  122.              }
  123.          }else
  124.          {
  125.              str= str.replace(/"/g,"\\\"");;
  126.          }
  127.          return str;
  128.      }
  129.  }

 

demo.js 使用范例：

[javascript] view plain copy

  1. /**
  2.  * Created by Administrator on 2015/5/19 0019.
  3.  */
  4. $(function(){
  6.     //替换单双引号按钮的点击事件
  7.     $("#show").click(function(){
  9.         var sourceStr =$("#sourceStr").val();//获取需要替换字符
  11.         /* 使用方法1 创建对象并自定义 单双引号占位符
  12.            var jsonQuotesUtil = new JsonQuotesUtil().setSingleQuotePlaceholder
  14. ("%^^").setDoubleQuotePlaceholder("&&");//创建对象(同时自定义单双引占位符)*/
  16.         /* 使用方法2 自定义对象并自定义 单双引号占位符
  17.            var jsonQuotesUtil = new JsonQuotesUtil();//创建对象使用默认单双引号占位符
  18.           jsonQuotesUtil.setSingleQuotePlaceholder("%^^");
  19.           jsonQuotesUtil.setDoubleQuotePlaceholder("##");*/
  22.          // jsonQuotesUtil.restoreDefaults();//恢复默认的单双引号占位符
  25.         /* 使用方法3 自定义对象并自定义 单双引号占位符
  26.          var jsonQuotesUtil = new JsonQuotesUtil();//创建对象使用默认单双引号占位符
  27.           */
  32.         var jsonQuotesUtil = new JsonQuotesUtil();//创建对象使用默认单双引号占位符
  34.         var single =$("#single").val();//获取 单引号占位符
  35.         var double = $("#double").val();//获取输入的双引号占位符
  37.         if($.trim(single)!="")
  38.         {
  39.             jsonQuotesUtil.setSingleQuotePlaceholder(single);//设置单引号占位符
  40.         }
  42.         if($.trim(double)!="")
  43.         {
  44.             jsonQuotesUtil.setDoubleQuotePlaceholder(double);//设置双引号占位符
  45.         }
  48.         var reuslt = jsonQuotesUtil.replaceSingleAndDoubleQuote(sourceStr);//同时替换单双引
  50. 号
  53.        // var reuslt = jsonQuotesUtil.escapeDoubleQuote(sourceStr)
  54.          $("#replaceResult").html(reuslt);//显示替换后的字符串
  58.     });
  62.     $("#escape").click(function(){
  64.         var sourceStr =$("#sourceStr").val();//获取需要替换字符
  66.         var reuslt =  new JsonQuotesUtil().escapeDoubleQuote(sourceStr);
  67.         $("#replaceResult").html(reuslt);//显示替换后的字符串
  69.     });
  71.     function arrayTest()//支持数组每个字符串的替换（没有调用）
  72.     {
  73.         var jsonQuotesUtil = new JsonQuotesUtil();//创建对象使用默认单双引号占位符
  75.         var sourceStr = new Array();
  76.         sourceStr[0]="dfdfd'dfdf";
  77.         sourceStr[1]="dfdfd\"sfdsfsd";
  78.         alert("sourceStr"+sourceStr);
  80.         var reuslt = jsonQuotesUtil.replaceSingleAndDoubleQuote(sourceStr);//同时替换单双引
  82. 号
  83.         alert( "after:"+reuslt);
  84.     }
  85. });

JsonQuotesUtil Demo.html

[html] view plain copy

  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4.     <meta charset="UTF-8">
  5.     <title>JsonQuotesUtil Demo</title>
  6.     <script type="text/javascript" src="libs/js/jquery.js"></script>
  7.     <script type="text/javascript" src="libs/js/JsonQuotesUtil.js"></script>
  8.     <script type="text/javascript" src="libs/js/demo.js"></script>
  9. </head>
  11.     请输入带有单双引号的字符串:<br/>
  12.           <textarea rows="10" cols="65" id="sourceStr">This is a simple solution for SingleQuote( ') and DoubleQuote(") in json </textarea>
  14. <br/><br/>
  15.      单引号占位符:<input id="single" type="text" placeholder="s%0"/> &nbsp; 双引号占位符:<input id="double" type="text" placeholder="d%1"/>
  17. <br/> <br/>
  18.           <input type="button" id="show" value="替换单双引号">&nbsp;<input type="button" id="escape" value="转义双引号">
  19.          <br/>
  20.         <span id="replaceResult"></span>
  24. </form>
  26. </body>
  27. </html>

后台解析Util:

[java] view plain copy

  1. package reg;
  2. /**
  3.  * 解决json传输数据时存在 同时存在单引号和双引号的问题
  4.  *
  5.  * 思路：
  6.  * 将 单双引号用不容易在字符串中出现的字符分别替换
  7.  * 在后台 分别用过单双引号替换掉即可
  8.  * 注：可以传入字符串 也可以传入字符串数组
  9.  *
  10.  * author: 明明如月 QQ 605283073
  11.  * time:2015年5月19日15:33:44
  12.  */
  13. public class JsonQuotesUtil
  14. {
  15.     private  String defualtSingleQuotePlaceholder="s%0";//默认单引号占位符
  16.     private   String defualtDoubleQuotePlaceholder="d%1";//默认双引号占位符
  18.     public JsonQuotesUtil()
  19.     {
  20.         super();
  22.     }
  24.     public JsonQuotesUtil(String defualtSingleQuotePlaceholder,
  25.             String defualtDoubleQuotePlaceholder)
  26.     {
  27.         super();
  28.         this.defualtSingleQuotePlaceholder = defualtSingleQuotePlaceholder;
  29.         this.defualtDoubleQuotePlaceholder = defualtDoubleQuotePlaceholder;
  30.     }
  32.     //恢复单引号(字符串)
  33.     public    String restoreSingleQuotes(String str)
  34.     {
  35.         return str.replaceAll(defualtSingleQuotePlaceholder, "\'");
  36.     }
  38.     public  String[]  restoreSingleQuotes(String[] strs)//恢复单引号（数组）
  39.     {
  40.         for(int i =0;i<strs.length;i++)
  41.         {
  42.             strs[i]= strs[i].replaceAll(defualtSingleQuotePlaceholder, "\'");
  43.         }
  44.          return strs;
  45.     }
  47.     //恢复双引号
  48.     public   String restoreDoubleQuote(String str)//恢复单引号（数组）
  49.     {
  50.         return str.replaceAll(defualtDoubleQuotePlaceholder, "\"");
  51.     }
  52.     public   String[] restoreDoubleQuote(String[] strs)
  53.     {
  54.         for(int i =0;i<strs.length;i++)
  55.         {
  56.             strs[i]= strs[i].replaceAll(defualtSingleQuotePlaceholder, "\'");
  57.         }
  58.          return strs;
  60.     }
  63.     //恢复单双引号
  64.     public   String restoreSingleAndDoubleQuote(String str)
  65.     {
  66.         return str.replaceAll(defualtSingleQuotePlaceholder, "\'").replaceAll(defualtDoubleQuotePlaceholder, "\"");
  67.     }
  68.     public   String[] restoreSingleAndDoubleQuote(String[] strs)//恢复单双引号（数组）
  69.     {
  70.         for(int i =0;i<strs.length;i++)
  71.         {
  72.             strs[i]= strs[i].replaceAll(defualtSingleQuotePlaceholder, "\'").replaceAll(defualtDoubleQuotePlaceholder, "\"");
  73.         }
  74.          return strs;
  76.     }
  78.     public String getDefualtSingleQuotePlaceholder()
  79.     {
  80.         return defualtSingleQuotePlaceholder;
  81.     }
  83.     public void setDefualtSingleQuotePlaceholder(String defualtSingleQuotePlaceholder)
  84.     {
  85.         this.defualtSingleQuotePlaceholder = defualtSingleQuotePlaceholder;
  86.     }
  88.     public String getDefualtDoubleQuotePlaceholder()
  89.     {
  90.         return defualtDoubleQuotePlaceholder;
  91.     }
  93.     public void setDefualtDoubleQuotePlaceholder(String defualtDoubleQuotePlaceholder)
  94.     {
  95.         this.defualtDoubleQuotePlaceholder = defualtDoubleQuotePlaceholder;
  96.     }
  100. }

Util使用方法：

[java] view plain copy

  1. package reg;
  3. public class JsonQuotesUtilDemo
  4. {
  8.     public static void main(String args[])
  9.     {
  10.         //获取前台传入的参数
  11.         String str="This is a simple solution for SingleQuote(s%0) and DoubleQuote(d%1) in json This is a simple solution for SingleQuote(s%0) and DoubleQuote(d%1) in json";
  13.         JsonQuotesUtil jsonQuotesUtil = new JsonQuotesUtil("s%0","d%1");
  14.         System.out.println(jsonQuotesUtil.restoreSingleAndDoubleQuote(str));
  15.     }
  18. }

 

文章标签：
JavaScript
Web App开发
数据格式
JSON
前端开发
关键词：
JSON解决方案
JSON双引号
JSON问题解决方案
JSON问题
幸运券发放
目录
相关文章
漏刻有时
|
10月前
|
存储 Web App开发 JSON
JavaScript将csv转为json的解决方案(1):jQuery-csv解析csv数据
JavaScript将csv转为json的解决方案(1):jQuery-csv解析csv数据
漏刻有时
217 0
宁在春
|
4月前
|
JSON 安全 算法
JSON Web Token（缩写 JWT） 目前最流行、最常见的跨域认证解决方案
JSON Web Token（缩写 JWT） 目前最流行、最常见的跨域认证解决方案
宁在春
191 0
小白学大数据
|
5月前
|
存储 数据采集 JSON
Scrapy爬虫数据存储为JSON文件的解决方案
Scrapy爬虫数据存储为JSON文件的解决方案
小白学大数据
99 0
祈澈菇凉
|
6月前
|
JSON 数据格式
ECharts加载json数据解决方案
ECharts加载json数据解决方案
祈澈菇凉
41 0
猫头虎
|
7月前
|
JSON Java 测试技术
[已解决]HttpMessageNotReadableException: JSON parse error: Unexpected character:解析JSON时出现异常的问题分析与解决方案
[已解决]HttpMessageNotReadableException: JSON parse error: Unexpected character:解析JSON时出现异常的问题分析与解决方案
猫头虎
187 0
漏刻有时
|
10月前
|
JSON 监控 前端开发
Zabbix监控系统开发(2):JSON多维数组筛选字段是否包含字符串的解决方案
Zabbix监控系统开发(2):JSON多维数组筛选字段是否包含字符串的解决方案
漏刻有时
100 0
漏刻有时
|
10月前
|
JSON PHP 数据格式
php数组学习(2):判断并过滤JSON字符串中不包含指定键名的解决方案
php数组学习(2):判断并过滤JSON字符串中不包含指定键名的解决方案
漏刻有时
50 0
漏刻有时
|
10月前
|
JSON 关系型数据库 MySQL
php使用webSocket实现Echarts长连接自动刷新的解决方案(2)：后端服务端代码返回json数据
php使用webSocket实现Echarts长连接自动刷新的解决方案(2)：后端服务端代码返回json数据
漏刻有时
115 0
漏刻有时
|
10月前
|
JSON 前端开发 JavaScript
php使用webSocket实现Echarts长连接自动刷新的解决方案(1)：前端获取后端JSON数据
php使用webSocket实现Echarts长连接自动刷新的解决方案(1)：前端获取后端JSON数据
漏刻有时
107 0
漏刻有时
|
10月前
|
SQL JSON 前端开发
漏刻有时API接口实战开发系列(8)：ajax获取本地json实现echarts不同数据图表渲染的解决方案
漏刻有时API接口实战开发系列(8)：ajax获取本地json实现echarts不同数据图表渲染的解决方案
漏刻有时
68 0
飞天洛神云网络

弹性公网IP

热门文章

最新文章

  • 1
    一张图看懂阿里云网络产品【三】弹性公网IP
  • 2
    阿里云发布固定公网IP升级为弹性公网IP功能
  • 3
    一SVN下的文件被locked不能update和commit
  • 4
    阿里云弹性公网IP和ECS独立IP区别对比和优势详解
  • 5
    【业界首发】弹性公网IP支持快速转发模式
  • 6
    ECS弹性网卡+弹性公网IP配置最佳实践之策略路由
  • 7
    弹性公网EIP，让网络更自由、灵活
  • 8
    阿里云专有网络与弹性公网IP
  • 9
    【实操】弹性公网EIP的购买及使用
  • 10
    时序数据库深入浅出之存储篇——本质LSMtree，同时 metric（比如温度）+tags 分片
  • 1
    二、基于Fortinet的出海业务访问加速方案--注册、创建Fortinet用户
    14
  • 2
    一、基于Fortinet的出海业务访问加速方案--详细部署步骤
    26
  • 3
    阿里云弹性公网EIP是什么？EIP价格和配置使用方法
    427
  • 4
    阿里云弹性公网IP(EIP)简介及价格介绍
    556
  • 5
    阿里云弹性公网IP介绍_EIP_独立公网IP资源_Anycast公网加速
    165
  • 6
    阿里云弹性公网IP和固定IP地址有什么区别？
    422
  • 7
    阿里云弹性公网IP(EIP)介绍
    407
  • 8
    阿里云弹性公网ip（EIP）是什么？
    545
  • 9
    阿里云弹性公网IP_EIP_独立公网IP资源_Anycast公网加速详细介绍
    145
  • 10
    阿里云EIP是什么意思？弹性公网IP可独立持有公网IP地址资源
    194

    • 相关课程

    更多
  • JSON 自学手册图文教程

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）