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