代码之家  ›  专栏  ›  技术社区  ›  Dhiraj

如何在Javascript函数中的JSON对象中加载文本文件

  •  1
  • Dhiraj  · 技术社区  · 7 年前

      $(document).ready(function () {
      $('input.autocomplete').autocomplete({
    
        data: {
    

    数据JSON对象将负责提供相关的自动完成值,JSON键将是自动完成建议,JSON值将为null。

    data:{
        "Chocolate": null, 
        "Cake": null, 
        "Icecream": null, 
        "Pudding": null }
    

    相反,我想从包含这些内容的文本文件中获取JSON值,这样我就可以加载这个数据JSON对象的文本文件,而不必手动输入它。

    所以,名单。txt文件将具有:-

               "Chocolate": null, 
                "Cake": null, 
                "Icecream": null, 
                "Pudding": null,
                 "Cream:null 
    

    data: {
    $.get('list.txt') }
    

    我怎样才能做到这一点?

    1 回复  |  直到 7 年前
        1
  •  1
  •   Jino Shaji    7 年前

    请尝试以下代码。 将其转换为json对象 .

    {
    "Chocolate": "null", 
    "Cake": "null", 
    "Icecream": "null", 
    "Cream":"null"
    }
    

    您的代码如下。

    $(document).ready(function() {
        $.ajax({
            url : "list.txt",
            dataType: "text",
            success : function (data) {
                $(".text").html(data);
                var jsonData = JSON.parse(data);
            }
        });
    }); 
    

    如果您不想修改现有的文本文件,下面的代码将起作用。

    $(document).ready(function() {
            $.ajax({
                url : "list.txt",
                dataType: "text",
                success : function (data) {
                    $(".text").html(data);
                    var jsonData = JSON.parse("{"+data+"}");
    
                     $('input.autocomplete').autocomplete({
                         data:jsonData 
                     });  //to initialize autocomplete
                }
            });
        });