json_encode不能使用html字符串作为值

Question

我正在调试这个ajax很长一段时间了。我有这个在我的jQuery的文件：

$("#typeForm").ajaxForm({ 
    success : function(html){ 
     alert(html); 
}).submit(); 

这就要求service.php，并在其中我有这样的：

$data = array('upload_data' => $this->upload->data()); 
$str = "<div style='position:relative'><img src='/assets/ui/success.png' /><span style='position:relative;top:-15px;'>Nachricht empfangen!</span></div>"; 
echo json_encode(array('file_name' => $data['upload_data']['file_name'], 'prompt' => $str)); 

这是行不通的。但通过将$str替换为$str = "HELLO WORLD";，jQuery会发出警告我应该做什么。什么似乎是问题？

编辑：

下面是输出的的screenie：

它确实警报，但如果我修改我的jQuery成这样：

$("#typeForm").ajaxForm({ 
    success : function(html){ 
     var obj = $.parseJSON(html); 
     alert(obj); 
}).submit(); 

随后，它甚至没有任何警报。

我做了的var_dump在json_encode，这里是转储，它看起来像一个畸形的JSON：

string(214) "{"file_name":"cde595988d386529909ce5a8fe3a6d6f.png","prompt":"<div style="position:relative;"><img src="\/assets\/ui\/success.png" \=""><span style="position:relative;top:-15px;">Nachricht empfangen!&lt;\/span&gt;&lt;\/div&gt;"}" 
</span></div> 

这里是service.php的全部内容

class Service extends CI_Controller 
{ 
    public function __construct() 
    { 
     parent::__construct(); 
    } 
    public function index() 
    { 
     $filename = 'uploadfile'; 

     $config['upload_path'] = './uploads/temp'; 
     $config['allowed_types'] = 'jpg|png|gif|doc|docx|pdf|ppt|pptx|xls|xlsx|bmp'; 
     $config['max_size'] = '3072'; 
     $config['encrypt_name'] = TRUE; 
     $config['remove_spaces'] = TRUE; 

     $this->load->library('upload', $config); 

     if (!$this->upload->do_upload($filename)) 
     { 
      $error = array('error' => $this->upload->display_errors()); 
        echo json_encode(array('error' => $error['error'])); 
     } 
     else 
     { 
      $data = array('upload_data' => $this->upload->data()); 
      $file_name = $data['upload_data']['file_name']; 
      //print_r($data); 
      //echo json_encode(array('test' => "Hello World")); 
      $str = "<div style='position:relative;'><img src='/assets/ui/success.png' /><span style='position:relative;top:-15px;'>Nachricht empfangen!</span></div>"; 
      $str2 = json_encode(array("file_name" => $file_name, "prompt" => $str)); 
      //var_dump($str2); 
      exit(json_encode(array('file_name' => $data['upload_data']['file_name'], 'prompt' => $str))); 
     } 
    } 
} 

Answer 1

它看起来像你需要逃避引号服务器端。由于他们在那里，它似乎正在创建一个无效的JSON字符串。

Answer 2

一些东西去尝试：

给ajaxForm支持的dataType的说法，如果你期望一个JSON来自服务器，使用dataType: json像这样

$("#typeForm").ajaxForm({ 
    success : function(html){ 
     // html here is already automatically a json object 
     alert(html.prompt); 
    }, 
    dataType: 'json' 
}).submit(); 

你可以张贴满service.php？ OR尝试以下方法：

出口（json_encode（阵列（ 'FILE_NAME'=> $数据[ 'upload_data'] [ 'FILE_NAME']， '提示'=> $ STR）））;

- 编辑 -

不知道为什么json_encode回报这种怪异的字符串：S，是json_encode一个标准的PHP库或外部库？我问这是因为某些服务器没有json_encode在PHP时......我测试了我的本地和使用PHP内部json_encode，它工作正常：

<?php 
$str = "<div style='position:relative'><img src='/assets/ui/success.png' /><span style='position:relative;top:-15px;'>Nachricht empfangen!</span></div>"; 
echo json_encode(array('prompt' => $str)); 

// output 
//{"prompt":"<div style='position:relative'><img src='\/assets\/ui\/success.png' \/><span style='position:relative;top:-15px;'>Nachricht empfangen!<\/span><\/div>"} 

Answer 3

string(214) "{"file_name":"cde595988d386529909ce5a8fe3a6d6f.png","prompt":"<div style="position:relative;"><img src="\/assets\/ui\/success.png" \=""><span style="position:relative;top:-15px;">Nachricht empfangen!&lt;\/span&gt;&lt;\/div&gt;"}" 
</span></div> 

这似乎被打破因为没有报价转义。当找到一个未转义的“时，它会打破你期望的JSON结构。 转义的”应该是\“，单引号与\”等等。

Answer 4

如果你不能找到这更好的解决方案，您可以编码值以base64编码：

$data = array('upload_data' => $this->upload->data()); 
$str = base64_encode("<div style='position:relative'><img src='/assets/ui/success.png' /><span style='position:relative;top:-15px;'>Nachricht empfangen!</span></div>"); 
echo json_encode(array('file_name' => $data['upload_data']['file_name'], 'prompt' => $str)); 

，并在客户端对其进行解码，IMO这是更安全，这也是如果你更适用处理来自不同语言的字符。

ALSO：

，以确保没有其他字符将在JSON字符串调用退出加入;您打印后请写作。

Answer 5

我今天的json_encode有同样的问题。但在测试了很多后，我找到了正确的解决方案：

PHP: json_encode(ARRAY, JSON_HEX_QUOT | JSON_HEX_TAG); 

在JavaScript中相同的解码：

在PHP中的数组或字符串编码

JS: var d = $.parseJSON(content);