代码之家 › 专栏 › 技术社区 › Bimo Baskoro

如何在ajax中使用POST

ajax json jquery html

-1

Bimo Baskoro · 技术社区 · 3 年前

我创建了一个页面,加载数据后将显示该页面。我正在使用github url和ajax帖子。但数据没有显示出来。我应该从我编写的代码中修复什么?

<div id="content"> 
</div>

window.onload = function(){
    $.ajax({
        type: 'POST',
        url: 'https://raw.githubusercontent.com/bimobaskoro/hewan/main/kucing.json',
        dataType: 'application/json',
        sucess: function (data) {
            html = '<div class="content" id="content"></div>'
            html += '<h1>' + data.judul + '</h1>'
            html += '<p>' + data.isi + '</p>'
            html += '</div>'
            document.getElementById('content').innerHTML += html;
        },
        error: function() {

        }
    });
}

2 回复 | 直到 3 年前

Twisty 3 年前

考虑以下因素。

$(function(){
  $.getJSON("https://raw.githubusercontent.com/bimobaskoro/hewan/main/kucing.json", function (data) {
      var html = $("<div>", {
        class: "content"
      });
      $("<h1>").html(data.judul).appendTo(html);
      $("<p>").html(data.isi).appendTo(html);
      $("#content").append(html);
  });
}

由于GitHub不属于同一个域,您可能会遇到CORS问题。如果是这样,您可以考虑 JSONP .

Spdragon 3 年前

为什么要使用post到json文件。Get方法就足够了。

$.ajax({
    url: 'https://raw.githubusercontent.com/bimobaskoro/hewan/main/kucing.json',
    success: function (data)
    { 
        var html = '<div class="content" id="content">';
        var obj=JSON.parse(data);
        obj.forEach((e)=>{
            html += '<h1>' + e.judul + '</h1>'
            html += '<p>' + e.isi + '</p>'
        });
        
        html += '</div>'
        document.getElementById('content').innerHTML = html;    
    }
});

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前