当前位置：网站首页 > 编程文章 > 正文

Base64解决json特殊字符parsererror问题

qiyuwang 2024-10-21 09:40 21 浏览 0 评论

最近在做商城项目时遇到一个json返回报错的问题，经过检查，发现是没有对特殊字符进行处理，到时json被截断，从而导致ajax读取时报错。最后，通过base64对特殊字符进行编码才予以解决，现分享在此，供君参考。

业务流程是：前端页面中有一个“收货信息”表单供用户填写，然后以otip字段存储在Mysql数据库中，服务端使用PHP做了一个webservice接口，其中通过json的方式返回otip字段，前端通过ajax的异步方法获取上述json并予以展示。

问题：当otip为基本内容时，测试一切OK。但当在表单中换行时，ajax无法正确输出结果，页面无法正常显示。

排查：ajax的error方法返回"200 4 parsererror"，通过浏览器直接访问webservice时，接口数据可以正常返回。

分析：推测是由于otip中存在换行等特殊字符导致jason数据格式被截断，导致ajax中的json类型无法准确识别。

思路：在PHP中对otip进行base64编码，然后在js中进行解码，具体代码如下：

PHP侧：

$tips = urlencode(base64_encode($data["otip"]));
$result = array("tip"=>$tips);
echo urldecode(json_encode($result));

js侧：

var base = new Base64();
$("#tipInput").val(base.decode(response.tip));

关于Base64的定义，百度上有很多实现。

至此，该问题已经解决，读者可以参考。

ajax error

上一篇：JavaScript学习笔记(三十三)—jQuery(下)
下一篇：Java学科:ajax的常用参数介绍 ajax参数详解

相关推荐

基于Docker方式安装与部署Camunda流程引擎: 1Camunda简介官网：https://docs.camunda.org/manual/7.19/installation/docker/Camunda是一个轻量级、开源且高度灵活的工作流和决策自...

宝塔Linux面板如何部署Java项目?（宝塔面板 linux）: 通过宝塔面板部署Java还是很方便的，至少不需要自己输入tomcat之类的安装命令了。在部署java项目前，我还是先说下目前的系统环境，如果和我的系统环境不一样，导致部署不成功，那你可能需要去找其他资...

浪潮服务器如何用IPMI安装Linux系统: 【注意事项】此处以浪潮服务器为例进行演示所需使用的软件：Chrome浏览器个人PC中需要预先安装java，推荐使用jdk-8u181-windows-x64.exe【操作步骤】1、在服务器的BIOS中...

Centos7环境Hadoop3集群搭建（hadoop集群环境搭建实验报告）: 由于项目需要存储历史业务数据，经过评估数据量会达到100亿以上，在原有mongodb集群和ES集群基础上，需要搭建Hbase集群进行调研，所以首先总结一下Hadoop集群的搭建过程。一、三个节点的集群...

Hadoop高可用集群搭建及API调用（hadoop高可用原理）: NameNodeHA背景在Hadoop1中NameNode存在一个单点故障问题，如果NameNode所在的机器发生故障，整个集群就将不可用(Hadoop1中虽然有个SecorndaryNameNo...

使用Wordpress搭建一个属于自己的网站: 现在开源的博客很多，但是考虑到wordpress对网站的seo做的很好，插件也多。并且全世界流量排名前1000万的网站有33.4%是用Wordpress搭建的！所以尝试用Wordpress搭建一个网站...

Centos 安装 Jenkins（centos 安装ssh）: 1、Java安装查看系统是否已安装Javayumlistinstalled|grepjava...

Java教程:gitlab-使用入门（java中的git）: 1导读本教程主要讲解了GitLab在项目的环境搭建和基本的使用，可以帮助大家在企业中能够自主搭建GitLab服务，并且可以GitLab中的组、权限、项目自主操作...

Dockerfile部署Java项目（docker部署java应用）: 1、概述本文主要会简单介绍什么是Docker，什么是Dockerfile，如何安装Docker，Dockerfile如何编写，如何通过Dockerfile安装jar包并外置yaml文件以及如何通过do...

如何在Eclipse中搭建Zabbix源码的调试和开发环境: Zabbix是一款非常优秀的企业级软件，被设计用于对数万台服务器、虚拟机和网络设备的数百万个监控项进行实时监控。Zabbix是开放源码和免费的，这就意味着当出现bug时，我们可以很方便地通过调试源码来...

Java路径-02-Java环境配置（java环境搭建及配置教程）: 1Window环境配置1.1下载...

35.Centos中安装python和web.py框架: 文章目录前言1.Centos7python：2.Centos8python：3.进行下载web.py框架然后应用:4.安装好之后进行验证:5.总结:前言...

《我的世界》服务器搭建（我的世界服务器如何搭建）: 1.CentOS7环境1.1更改YUM源#下载YUM源文件curl-o/etc/yum.repos.d/CentOS-Base.repohttps://mirrors.aliyun.com...

CentOS 7 升级 GCC 版本（centos7.4升级7.5）: 1.GCC工具介绍GCC编译器：...

Linux安装Nginx详细教程（linux安装配置nginx）: 环境准备1.因为Nginx依赖于gcc的编译环境，所以，需要安装编译环境来使Nginx能够编译起来。命令：yuminstallgcc-c++显示完毕，表示安装完成：2.Nginx的http模块需要...

取消回复欢迎你发表评论:

一周热门

最近发表

首页
收录
顶部