Heim  >  Artikel  >  Web-Frontend  >  Wie kann Ajax lokales JSON lesen?

Wie kann Ajax lokales JSON lesen?

php中世界最好的语言
php中世界最好的语言Original
2017-12-30 16:53:562277Durchsuche

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn