如何创建包含html代码的json对象

Question

我有一个情况，我必须通过 json 对象从客户端向服务器端发送 html 代码，但是 html 标记内的符号引起一些问题，例如“，/ ...等，这些问题会在 json 对象中创建错误我尝试了很多方法来构建json，但没有一个是正确的。我希望你清楚地理解我的情况。 这是我的 json 结构的一个例子：

{
   "html":"the html code injected dynamical here"
}

正如我所说，我的主要问题是我遇到了由 html 符号引起的问题，我该如何解决它！请给我一个明确的例子来说明如何解决这个问题并将html代码成功解析为json对象。

Answer 1

我不确定您如何构建 JSON 对象，但如果您使用 json_encode() 和 json_decode() 您应该不会遇到任何 HTML 问题字符，它们将被正确转义。

Answer 2

不确定是否我误读了问题，但要将 json 从服务器传递到客户端，请使用json_encode ()

http://php.net/manual/en/function .json-encode.php

这应该适合您并处理所有转义。

<?php
header('Content-type: application/json');
$json = array(
    'html'    =>    '<h1 style="color:#0F0">Hello World!</h1>'
);
echo json_encode($json);
exit;

嗯，刚刚从阅读文档中学到了这个花絮：

json_encode() 不适用于
UTF-8 以外的字符集

我不明白为什么你需要将 json 发送到服务器，也许你可以与我们分享原因，或者有人可以在评论中启发我？

Answer 3

也许你可以使用 url 编码。

Answer 4

您可以对 html 进行编码。一些html编码和解码可以在这里找到：
http://code .google.com/p/jsool/source/browse/jsool-site/js/util/Encoder.js?r=176

你只需要 html.encode 和 html.decode 函数，这样你就可以做到这样

function html_encode(string){
    return string.replace(/./g,function(chr, index){
            return chr.match(/[\w\d]/) ? chr : "&#"+chr.charCodeAt(0)+";" ;
    });
},
function html_decode(string){
    return string.replace(/&#[0-9]+;/g,function(text,index){
            return String.fromCharCode(text.match(/[0-9]+/)[0]);
    });
}

你就可以

var html = html_encode(myhtml);
{"html": html}

使用 html_decode() 来编码和恢复值。

PS.：抱歉，我没有测试 html_encode 和decode 函数，但在 google 上很容易找到一些。

Answer 5

如果您使用 jQuery，这个 js 库可能会有所帮助。 http://www .rahulsingla.com/blog/2010/05/jquery-encode-decode-任意-objects-to-and-from-json

在发送请求之前在您的javascript中执行以下操作：

var thing = {plugin: 'jquery-json', other: "blah-blah"};
var encoded = $.JSON.encode(thing);

然后将请求发送到 php 后，执行以下操作进行解码：

var thing = json_decode($_POST['thing']);

您可以在此处