正确返回具有嵌入式 JS 函数的 JSON 对象

更新帖子

到目前为止，我有一个适用于我的问题的解决方案（仅在 Firefox 上测试过）。我的主要目标是用Ajax动态更新Flot图。我还需要动态更新轴样式，您可以通过勾报格式化程序选项执行此操作。为了避免我以前遇到的问题，我只需在 PHP 数组中插入所需的返回字符串并对该数组进行 JSON 编码。返回 Ajax 函数后，我使用 javascript Function（） 构造函数 （Link） 创建了一个新函数。我希望这对某人有所帮助。

阿贾克斯

$.ajax({
    url: 'someControllerWhichCreatesJSONdata',
    data: 'some Value',
    type: 'post',
    cache: false,
    datatype: 'json'
})
.success(function(data) {
    var datas = data[0];    // fetch data array
    var options = data[1];  // fetch options array
    var xReturn = options.xaxes[0].tickFormatter; // fetch return string
    var yReturn = options.yaxes[0].tickFormatter;        
    var xFunc = new Function("val", "axis", xReturn); // create function
    var yFunc = new Function("val", "axis", yReturn);
    options.xaxes[0].tickFormatter = xFunc; // update tickFormatter with function
    options.yaxes[0].tickFormatter = yFunc;
    $.plot($("#yw0"), datas, options);
})
.error(function(data) {
    $("#error").html(data.responseText); // show error in separate div
});

PHP数组

$options = array(
    'legend' => array(
        'position' => 'nw',
        'show' => true,
        'margin' => 10,
        'backgroundOpacity' => 0.5
    ),
    'grid' => array(
        'clickable' => true,
        'hoverable' => true
    ),
    'pan' => array('interactive' => true),
    'zoom' => array('interactive' => true),
    'axisLabels' => array('show' => true),
    'xaxes' => array(
        array(
            'axisLabel' => 'someUnit',
            'tickFormatter' => 'return "foo bar"' // enter whatever return value you need
        )
    ),
    'yaxes' => array(
        array(
            'axisLabel' => 'someUnit',
            'tickFormatter' => 'return "foo bar"'
        )
    )
);

我跳过数据数组，因为它看起来很相似。两个数组合并并 JSON 编码。

public function actionSomeControllerWhichCreatesJSONdata() {
   $returnArray = array($data, $options);
   echo json_encode($returnArray);
   return true;
}

生成的数组看起来像我在这篇文章底部发布的数组。

原始帖子

我现在正在尝试几个小时，但我无法让它工作。

我有一个 Ajax 请求，它在成功时获取一个 JSON 对象作为返回值。只要我不在我的 JSON 数组中使用 JS 函数，这就可以正常工作。所以我的 JSON 数组如下所示（json_encode 年后）：

[{
  "data": [{
    {1,2},
    {3,4},
  }],
  "function": "function(){return '"foo bar'";}"
}]

为了摆脱函数字符串中的"'s。我使用str_replace并将带引号的字符串替换为不带引号的字符串。这看起来像这样：

[{
  "data": [{
    {1,2},
    {3,4},
  }],
  "function": function(){return "foo bar";}
}]

普通json_encode工作正常，我的 Ajax 函数将其读取为 JSON 对象。替换字符串后，结果发现返回值不再是 JSON 对象，而是纯文本字符串。我尝试使用 jquery.parseJSON（） 再次解析字符串，但这会导致语法错误：

语法错误：JSON.parse：JSON 数据第 1 行第 396 列处的意外关键字

Ajax 函数：

$.ajax({
    url: 'someControllerWhichCreatesJSONdata',
    data: 'some Value',
    type: 'post',
    cache: false,
    datatype: 'json' // or text when trying to parse
})
.success(function(data) {
    console.log(data);
    var dat = jQuery.parseJSON(data);  // trying to parse (only when dataType: "text")
    var datas = dat[0];                // or data[0] when datType = json
    var options = dat[1];              // ---
    $.plot($("#yw0"), datas, options); // trying to update a FLOT window
})
.error(function(data) {
    console.log("error");
    $("#error").html(data.responseText); // show error in separate div
});

因此，当使用此函数并将返回类型设置为"json"时，会产生错误。如果返回类型是"text"并且我尝试解析字符串，则会出现上述错误。这个问题有什么解决方案吗，还是我做错了什么？

感谢您的帮助！

更新抱歉，我的 JSON 数据当然无效！正如我所说，我的 JSON 对象是由json_encode创建的，我想它应该得到正确的语法。son_encode后面的普通数组如下所示：

[[{
   "data":[[0.0042612,0.0042612]],
   "label":"WISE.W3: Cutri et. al 2012",
   "lines":{"show":false},
   "points":{"show":true,"radius":3}}],
  {
   "legend": {
        "position":"nw",
        "show":true,
        "margin":10,
        "backgroundOpacity":0.5},
   "grid": {
        "clickable":true,
        "hoverable":true},
   "pan":{"interactive":true},
   "zoom":{"interactive":true},
   "axisLabels":{"show":true},
   "axisLabel": {
        "unit":"Jy",
        "id":null,
        "name":null},
   "tickFormatter":"$tickFormatter$",
   "position":"right"
}]

str_replace后我得到

[[{
   "data":[[0.0042612,0.0042612]],
   "label":"WISE.W3: Cutri et. al 2012",
   "lines":{"show":false},
   "points":{"show":true,"radius":3}}],
  {
   "legend": {
       "position":"nw",
       "show":true,
       "margin":10,
       "backgroundOpacity":0.5},
   "grid":{"clickable":true,"hoverable":true},
   "pan":{"interactive":true},
   "zoom":{"interactive":true},
   "axisLabels":{"show":true},
   "axisLabel":{"unit":"Jy","id":null,"name":null},
   "tickFormatter":function(val, axis){return val.toExponential(2)},
   "position":"right"
 }]