將數據從JSON服務器獲取到本地JQuery

本地HTML和JSON-Server數據。從JSON-Server獲取數據并在JQuery中使用。

在Kevin B和Sirko的幫助下解決了這個問題。離開JS（JQuery）以便將來可以使用它。

var i = 0;
var output;

$("#send").click(function(e) {
    $.getJSON("http://localhost:3000/db", function(data) {})
        .done(function(json) {
            $.each(json, function(key, val) {
                output+= '<p>name=' + json[i].name + '</p>';
                i++;
            });
            $("#paragraph").append(output);
        })
        .fail(function(jqxhr, textStatus, error) {
            var err = textStatus + ", " + error;
            console.log("Request Failed: " + err);
        });

});

發布于 17 天前

? 最佳回答：

考慮下面的問題。

$(function() {
  $("#send").click(function(e) {
    console.log("Send clicked.");
    $.getJSON("./empleados", function(data) {
      console.log("Getting Items");
      var list = $("<ul/>", {
        class: "my-new-list"
      }).appendTo(".tablaemple");
      $.each(data, function(i, item) {
        var row = $("<tr>", {
          "data-nomina": item.nomina
        }).appendTo(list);
        $("<td>").html(item.nomina).appendTo(row);
        $("<td>").html(item.apellido + ", " + item.nombre).appendTo(row);
        $("<td>").html(item.base).appendTo(row);
        $("<td>").html(item.funcion).appendTo(row);
        $("<td>").html(item.flota).appendTo(row);
        $("<td>").html(item.tipoescalafon).appendTo(row);
      });
    });
  });
});

你的URL路徑應該是相對的，否則你可能會遇到CORS問題。

這將生成一行，然后為data中的每個項目添加單元格。

請測試并發布結果。

公眾號：1024技術圈

?? 提供互聯網知識和資訊，分享IT前沿技術，熱門資源，大廠面試題 ??

將數據從JSON服務器獲取到本地JQuery

熱門問答

如何根據不同單元格中的特定條目向單元格添加自定義文本？

MariaDB對插入聲明的回應

如何獲得$\u使用您想要的值？

發送響應時出現ERR_HTTP_HEADERS_SENT錯誤

有沒有辦法將False改寫為True？

在Kotlin中使用沒有前綴的枚舉名？

把Solraw中的Crawled數據和mysql數據放在一起

怎么對char[10]=｛0｝進行u01到u10的賦值

parsererrorDetails：SyntaxError：意外的輸入結束

continue函數c語言

python自定義協議

將數據從JSON服務器獲取到本地JQuery

熱門問答

如何根據不同單元格中的特定條目向單元格添加自定義文本？

MariaDB對插入聲明的回應

如何獲得$\u使用您想要的值？

發送響應時出現ERR_HTTP_HEADERS_SENT錯誤

有沒有辦法將False改寫為True？

在Kotlin中使用沒有前綴的枚舉名？

把Solraw中的Crawled數據和mysql數據放在一起

怎么對char[10]=｛0｝進行u01到u10的賦值

parsererrorDetails：SyntaxError：意外的輸入結束

continue函數c語言

python自定義協議

如何獲得$\u使用您想要的值？

在Kotlin中使用沒有前綴的枚舉名？