Maison > interface Web > js tutoriel > jQuery utilise ajax pour lire les fichiers json locaux

jQuery utilise ajax pour lire les fichiers json locaux

黄舟
Libérer: 2017-10-31 10:50:01
original
2777 Les gens l'ont consulté

jsonFichier

{
  "first":[
    {"name":"张三","sex":"男"},
    {"name":"李四","sex":"男"},
    {"name":"王武","sex":"男"},
    {"name":"李梅","sex":"女"}
  ]
}
Copier après la connexion

js :

Méthode 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;<p>姓名:&#39; + item.name + &#39;性别:&#39; + item.sex + &#39;</p>&#39;;
      document.write(str);
    })
  }
})
Copier après la connexion

Méthode 2 :

jQuery.getJSON () est l'abréviation de jQuery.ajax()function

// jQuery.getJSON( url [, data ] [, success ] )
$.getJSON("ceshi.json", "", function(data) {
    //each循环 使用$.each方法遍历返回的数据date
    $.each(data.first, function(i, item) {
      var str = &#39;<p>姓名:&#39; + item.name + &#39;性别:&#39; + item.sex + &#39;</p>&#39;;
      document.write(str);
    })
});
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal