Wie kann Ajax lokales JSON lesen?

Was ich Ihnen dieses Mal zeige, ist, wie Ajax lokales JSON lesen kann. Im Projekt verwenden wir JSON fast häufig. Dieser Artikel wird Ihnen eine gute Analyse geben.

JSON-Datei

{
  "first":[
    {"name":"张三","sex":"男"},
    {"name":"李四","sex":"男"},
    {"name":"王武","sex":"男"},
    {"name":"李梅","sex":"女"}
  ]
}

js:

Methode 1:

$.ajax({
  url: "ceshi.json",//json文件位置
  type: "GET",//请求方式为get
  dataType: "json", //返回数据格式为json
  success: function(data) {//请求成功完成后要执行的方法 
    //each循环 使用$.each方法遍历返回的数据date
    $.each(data.first, function(i, item) {
      var str = &#39;<div>姓名:&#39; + item.name + &#39;性别：&#39; + item.sex + &#39;</div>&#39;;
      document.write(str);
    })
  }
})

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie die obige Einführung gelesen haben. Weitere spannende Informationen finden Sie auf der chinesischen PHP-Websiteandere verwandte Artikel!

Verwandte Lektüre:

So löschen Sie den Stil, der nach dem Klicken auf den Link generiert wird

HTML-Drag-Animation Implementierungsmethode

So passen Sie das Konsolenobjekt bei Verwendung von JS an

Das obige ist der detaillierte Inhalt vonWie kann Ajax lokales JSON lesen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!