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

如何在ajax中使用POST

  •  -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 年前
        1
  •  1
  •   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 .

        2
  •  1
  •   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;    
        }
    });