开发过程中使用到了vue框架进行前端批量数据的处理,将批量数据转换为json格式进行ajax传参时需要注意将vue数据源得到的json结果进行如下处理,webservice接收json数据时无法有效的识别双引号。

//错误的json格式
//error_json:'[{ "Module_id": "", "Project_id": "", "Feature_type": "", "Feature_name": "", "Calc_type": "", "Alarm_type": "", "Alarm_channel": "", "Int_param1": "", "Int_param2": "", "Owner": [], "Follower": [] }]'
var feature_group_json = JSON.stringify(this.featureGroup);//正确的json格式
//success_json:'{"featureGroupJson":"[{ \'Module_id\': \'\', \'Project_id\': \'\', \'Feature_type\': \'\', \'Feature_name\': \'\', \'Calc_type\': \'\', \'Alarm_type\': \'\', \'Alarm_channel\': \'\', \'Int_param1\': \'\', \'Int_param2\': \'\', \'Owner\': [], \'Follower\': [] }]"}'
feature_group_json = JSON.stringify(this.featureGroup).replace(/\"/g, "\\'"); //ajax请求webservice
$.ajax({  type: 'POST',  contentType: 'application/json;charset=utf-8',  url: 'your_url',  data: '{"featureGroupJson":"' + feature_group_json + '"}',  dataType: 'json',  success: function (data) {    alert("success");  }});
            

转载于:https://www.cnblogs.com/wangyunjie/p/5826676.html

vue数据源转json问题相关推荐

  1. npm 运行报错“Cannot find module ‘@vue/component-compiler-utils/package.json‘”

    npm 运行报错"Cannot find module '@vue/component-compiler-utils/package.json'"如下: 解决方法:安装@vue/c ...

  2. vue之猫眼json数据的获取直接用于自己的vue项目中,swiper轮播插件的坑

    vue之猫眼json数据的获取直接用于自己的vue项目中 遇到问题总结: 加载不出猫眼数据,无法调用,数据被限制 猫眼电影图片的拼接及删除问题 swiper的迷幻坑** 首先来说一下第一问题 加载不出 ...

  3. vue加载服务器json文件,Vue加载json文件的方法简单示例

    本文实例讲述了Vue加载json文件的方法.分享给大家供大家参考,具体如下: 一.在build/dev-server.js文件里 var app = express() 这句代码后面添加如下(旧版): ...

  4. vue 调取本地wps_详解VUE调用本地json的使用方法

    开始的时候我以为,用vue去调取json要多么的麻烦,完咯就先去的百度,找了几个,看上面又要配置这配置那的,看的我都头大,像一些思维逻辑清晰的肯定不会出现这种情况. 下面我说下我这的情况,大家依情况代 ...

  5. vue delete删除json数组_vue面试题总结(二)

    " 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货! 16.vue路由传参数 1.使用query ...

  6. 13 vue学习 package.json

    一:package.json文件详解 管理你本地安装的npm包 .定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称.版本.许可证等元数据).npm install命令根据这个配置文件,自动 ...

  7. Vue根据菜单json数据动态按需加载路由Vue-router

    每个菜单项对应一个页面组件,根据菜单项动态按需加载路由 路由配置的正确写法: /*router/index.js*/ import Vue from 'vue' import Router from ...

  8. vue请求本地json数据

    1.下载vue-resource插件 cnpm install vue-resource 1.2全局引入vue-resource: 在main.js import VueResource from ' ...

  9. 报表数据源之JSON

    JSON作为一种轻量级数据格式应用非常广泛,报表读取json数据源进行报表开发的需求也很常见,另外有些报表还会接收来自HTTP服务器的数据进行报表展现.这里通过例子分别来看一下集算报表使用json数据 ...

最新文章

  1. oracle行转列与列转行
  2. 【Gamma】Scrum Meeting 9
  3. 静物摄影用光技巧_详解摄影用光技巧,用好光线,拍出好照片。
  4. .Net Core 图片文件上传下载
  5. ASP.NET Core管道深度剖析(3):管道是如何处理HTTP请求的?
  6. LeetCode 2013. 检测正方形(字典)
  7. Python pickle库
  8. Hexo博文加密思路总结
  9. 当你发现自己U盘里文件夹有了“.exe”后缀该怎么办
  10. 数电课设——基于74系列芯片搭建的交通灯控制系统电路
  11. Windows下Jena+fuseki安装配置和简单使用(没有eclipse)
  12. 交互设计 | 如何做到惊喜?
  13. 逻辑漏洞——忘记密码、重置密码(案例分析、原理)
  14. STM32项目 -- 选题分享(2)(部分)
  15. 论文中文翻译——Vulnerability Dataset Construction Methods Applied To Vulnerability Detection A Survey
  16. Cufflinks的使用
  17. 【项目一】医疗实战-传智健康
  18. 【小白入门】Socket和webSocket入门 这一篇就够了!用php的Socket自己实现简单webSocket服务器!
  19. rosbag包目标片段截取
  20. 搜索引擎优化系统知名乐云seo_站群搜索引擎优化排名

热门文章

  1. 参考基因组中的特殊序列
  2. Unlocker 解锁 VMware Workstation
  3. 通过代码动态创建Windows服务
  4. java/android 做题中整理的碎片小贴士(5)
  5. ClassNotFoundException和NoClassDefFoundError的区别
  6. request和response一览
  7. underscore
  8. 页面调度框架 justep.Shell
  9. jenkins邮件通知功能
  10. 【JVM】JVM系列之JVM体系(一)