【问题标题】:MagicSuggest fails with PHPMagicSuggest 因 PHP 而失败
【发布时间】:2013-04-22 23:26:21
【问题描述】:

我正在使用 MagicSuggest 自动完成标签。 此代码完美运行:

    $(document).ready(function() {
        var ms3 = $('#ms3').magicSuggest({
            data: [{id:12,name:'php'},{id:1212,name:'java'},{id:112,name:'python'},{id:125,name:'html'},{id:172,name:'css'}]
        });
    });

但是这个没有:

    $(document).ready(function() {
        var ms3 = $('#ms3').magicSuggest({
            data:'data.php'
        });
    });

php:

    <?php
          echo "[{id:12,name:'php'},{id:1212,name:'java'},{id:112,name:'python'},{id:125,name:'html'},{id:172,name:'css'}]";
    ?>

附:这适用于 data:'data.json' 里面有 json 数据。

【问题讨论】:

标签: php jquery autocomplete magicsuggest


【解决方案1】:

我认为问题可能是 php 文件返回错误的 mime 类型。 尝试将其添加到您的 data.php 文件的顶部
header('Content-type: application/json');

所以你的data.php 文件看起来像

<?php
   header('Content-type: application/json');
   echo "[{id:12,name:'php'},{id:1212,name:'java'},{id:112,name:'python'},{id:125,name:'html'},{id:172,name:'css'}]";
?>

【讨论】:

    【解决方案2】:

    在 JSON 规范中不存在单引号 - 您必须更改为双引号

    你可以更好地使用 json_encode 函数

    header('Content-type: application/json');
    echo json_encode(array(
        array('id'=>12, 'name'=> 'php')
    ));
    

    【讨论】:

      【解决方案3】:

      你为什么不...

      <?php
          $mydata = "[{id:12,name:'php'},{id:1212,name:'java'},{id:112,name:'python'},{id:125,name:'html'},{id:172,name:'css'}]";
      ?>
      
      $(document).ready(function() {
          var ms3 = $('#ms3').magicSuggest({
              data: <?php echo$mydata;?>
          });
      });
      

      这样您就可以使用来自数据库查询等的数据填充$mydata

      在您的 data.php 文件中尝试以下操作;

      <?php
          header('Content-type: application/json');
          echo "[{id:12,name:'php'},{id:1212,name:'java'},{id:112,name:'python'},{id:125,name:'html'},{id:172,name:'css'}]";
       ?>
      

      【讨论】:

      • data: &lt;?php echo$mydata;?&gt; 即使这个查询有数百行?
      猜你喜欢
      • 2015-11-12
      • 2011-03-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-02-16
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多