javascript - 显示来自 json 的帖子

标签 javascript jquery

我必须显示来自 json 的帖子,但是当我尝试使用 for 循环时什么也没有发生。这是我的代码,我做错了什么。是的

JS

   var root = 'https://jsonplaceholder.typicode.com';
$.ajax({
 url: root,
 method: 'GET',
 success: function(response) {
 console.log(response);

 jQuery.get('/posts', function(posts) {
    for (var i = 0; i < posts.length; i++) {
    document.write(posts[i]);
    }
   });
 }
});

有什么想法吗?

最佳答案

var root = 'https://jsonplaceholder.typicode.com';
$.ajax({
 url: root+"/posts",
 method: 'GET',
 contentType: 'application/json',
 success: function(posts) {
    console.log("Data=>",posts);
     $.each(posts,function(index,post){
      document.write("<p>"+post.title+"</p>");
    });
 }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>

您应该提供正确的 URL root+'/posts' 以便从 API 获取数据。

关于javascript - 显示来自 json 的帖子,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53742706/

相关文章:

javascript - 单击外部元素时,Google map api v3 显示信息窗口

javascript - 将多个参数从 thymeleaf 标签传递给 javascript 函数

JQuery Jscrollpane 水平滚动,带内联 HTML 列表

javascript - chrome 中的 bootstrap js 文件未为 wordpress 加载

javascript - 访问变量到javascript函数

javascript - 除以 anchor 字符串值?

javascript - Spotify API - 创建临时播放列表

jquery - 如何将 KendoSlider 插入 Kendo Grid?

javascript - Ajax调用数据问题

php - 选择select中的所有选项