我想使用Jquery在我的网站中嵌入API调用

时间:2015-05-06 09:51:33

标签: javascript jquery json api

我正在使用Kimonolabs,我想使用jquery在我的html中嵌入这个JSON结构的结果,我是jquery和javascript的新手,所以我做了本教程中给出的所有内容:Tutorial Kimonolabs

<span>

我使用这个jquery脚本和一个合适的html / css结构(基础)&#34; titre-article&#34;。这是我的html类,我想更新:

{
  "name": "CCF blog",
  "count": 104,
  "frequency": "Weekly",
  "version": 1,
  "newdata": true,
  "lastrunstatus": "success",
  "thisversionstatus": "success",
  "nextrun": "Tue May 12 2015 19:54:32 GMT+0000 (UTC)",
  "thisversionrun": "Tue May 05 2015 19:54:32 GMT+0000 (UTC)",
  "results": {
    "collection2": [
      {
        "Date": {
          "href": "http://ccf.ma/blog/?p=42",
          "text": "April 6, 2015"
        },
        "Titre": {
          "href": "http://ccf.ma/blog/?p=42",
          "text": "Le chemin vers la Responsabilité Sociétale des entreprises"
        },
        "description": "Qu’est-ce que c’est une entreprise RSE ? Est-ce une démarche réservée aux grandes entreprises ? Quels sont les enjeux réels ? Quel est l’état d’esprit ?"
      },
      {
        "Date": {
          "href": "http://ccf.ma/blog/?p=30",
          "text": "March 20, 2015"
        },
        "Titre": {
          "href": "http://ccf.ma/blog/?p=30",
          "text": "Formation continue … quel choix pour quel besoin professionnel ?"
        },
        "description": "Chacun d’entre nous suit, au cours de sa jeunesse une formation initiale jusqu’au statut universitaire pour s’engager dans le vie active, pourtant, il ne nous tarde de nous poser des questions sur les nouveaux besoins en formation selon nos enjeux professionnelles et notre motivation, soit pour nous convertir, booster notre carrière ou simplement renforcer nos connaissances et compétences."
      },
      {
        "Date": {
          "href": "http://ccf.ma/blog/?p=9",
          "text": "March 19, 2015"
        },
        "Titre": {
          "href": "http://ccf.ma/blog/?p=9",
          "text": "La TPE/ PME marocaine et le mangement par les processus"
        },
        "description": "Toute entreprise qu’elle soit cliente ou fournisseur a eu recours aux processus. Le management par le processus peut être un choix interne ou dicté par l’environnement externe, cas des clients qui exigent de leurs fournisseurs la mise en place de procédures spécifiques et la tenue d’un registre dédié, justifiant leurs applications."
      },
      {
        "Date": {
          "href": "http://ccf.ma/blog/?p=1",
          "text": "March 19, 2015"
        },
        "Titre": {
          "href": "http://ccf.ma/blog/?p=1",
          "text": "Coacher avec éthique … n’est-ce pas un vrai axe de différentiation ?"
        },
        "description": "Dès le début des années 2000, la relation de coaching n’apparait plus comme un effet de mode mais comme une pratique en progression, une pratique de plus en plus perçue comme un levier de développement, plutôt qu’une simple aide en cas de difficulté ;"
      }
    ],

但似乎没有任何效果。

2 个答案:

答案 0 :(得分:1)

问题是response.results.collection2是一个数组但你用作对象,你需要一个索引来访问数组中的值

$(".titre-article").html(collection.Titre.text);更改为$(".titre-article").html(collection[0].Titre.text);

这将为您提供数组中的第一个元素

答案 1 :(得分:0)

Here is how you can get results

var collection = response.results.collection2[0];

$(".titre-article").html(collection.Titre.text);