Question

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

我的任务是用另一个HTML文件中的文本填充下拉列表。两个HTML文件都在localhost上。拥有JSON数据是必需的。

最初，进入以下：

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

虽然这似乎不起作用，因为getJSON似乎不适用于html而是.json文件。

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

Answer 1

您可以将jQuery.ajax与json dataType参数一起使用：

$.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));
    });
});

Answer 2

您可以使用get http://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));
   });
});

在JSON jQuery中从一个html到另一个html的数据

2 个答案: