Question

我有以下HTML：

<div id="main">
    <div id="blogcont">
      <p></p> 
    </div>

    <button class="nvgt" id="prev"  >Previous</button>

    <button class="nvgt" id="next" >Next</button>

通过单击“上一个”或“下一个”按钮，我想从JSON文件加载数据 - 文章内容。我的JSON目前看起来如下，它位于单独的文件夹中（它只是一个测试版本）：

var = articles [
    {
        "Title":"test1",
        "Content":"test1",
        "related":"test1"
    },

    {
        "Title":"test2",
        "Content":"test2",
        "related":"test2"
    }
]

_（我不确定语法是否正确）

 function (){
$ajax({
    type: "GET",
    url: "../Content/test.txt",
    dataType: "json"
}).done(function (data){
    $.each(data, function (key, val){

    });
});

} 它应该通过AJAX请求完成。任何想法怎么做？

Answer 1

首先，如果是JSON，它需要像：

[
    {
        "Title":"test1",
        "Content":"test1",
        "related":"test1"
    },

    {
        "Title":"test2",
        "Content":"test2",
        "related":"test2"
    }
]

然后，每次点击prev，next按钮时都不要加载数据。加载一次，以后在需要时使用。无论如何，这里是click / ajax调用：

$('#main').on('click', 'button', function(){
  //OR $('#main').on('click', '#prev,#next', function(){
  $ajax({
    type: "GET",
    url: "../Content/test.txt",
    dataType: "json"
  }).done(function (data) {
    $.each(data, function (key, val){
      //Do your stuff here;
    });
  });
});

使用Ajax请求将JSON数据转换为数组

1 个答案: