JSON数据从一个html到另一个jQuery

Question

查看主题，但未找到完整答案。

我的任务是用另一个HTML文件中的文本填充下拉列表。这两个HTML文件都在本地主机上。具有JSON数据是一项要求。

开始，进入了以下内容：

$.getJSON("feed.html", function (data) { 
     $.each(data, function (index, item) { 
      $('#insider').append($('<option</option>').val(item).html(item)); 
     }); 
    }); 

虽然，这似乎并不为getJSON工作似乎并没有与html但.json文件，而不是工作。

问题是第二个文件必须保持在.html格式。如果没有单独的.json文件，有没有其他可能性如何将整个html文本插入为json？

Answer 1

您可以使用gethttp://api.jquery.com/jQuery.get/

$.get("feed.html", function(data) { 
    var parsedHtml = []; 

    // parse/split the html up here and push it onto the array 
    .... 

    $.each(parsedHtml , function (index, item) { 
     $('#insider').append($('<option</option>').val(item).html(item)); 
    }); 
}); 

Answer 2

您可以使用jQuery.ajax与jsondataType参数：

$.ajax({ 
    url: "feed.html", 
    dataType: "json", 
}).done(function(data) { 
    console.log(data); 
}); 

而且在feed.html：

[{"hello":"world"}] 

这将返回JSON对象作为数据值在.done回调。因此，使用您的代码：

$.ajax({ 
    url: "feed.html", 
    dataType: "json", 
}).done(function(data) { 
    $.each(data, function (index, item) { 
     $('#insider').append($('<option</option>').val(item).html(item)); 
    }); 
});