Wie bekomme ich eine JSON-Datei mit jQuery $ .ajax?

Question

Ich mache einige Prüfungen der Universität, die mich bitten, eine JSON-Datei von der URL eines href in einem Objekt zu bekommen. Danach muss ich den HTML-Code mit den Informationen zur JSON-Datei dynamisch ändern, also muss ich die Methode $ .ajax() oder $ .get() verwenden.

Ich habe mehrere Codes hier auf Stack-Überlauf gefunden aber nichts scheint für mich zu arbeiten, ich kann meinen Code nur mit $ .load() -Methode arbeiten lassen, während jede andere Methode nichts tut, auch die .addClass(), .removeClass() und event.preventDefault() funktionieren einwandfrei.

Hier ist mein Code: js -> zwischen Script-Tags am Anfang der Seite:

$(document).ready(function() 
    { 
    $("nav li a").click(function(event) 
    { 
     $("nav li a").not(this).removeClass("active"); 
     $(this).addClass("active"); 


     $("#ris").load($(this).attr('href')); //this work 

     $.ajax({url: $(this).attr('href'), dataType: "json", //this give the alert 
     success: function(result) 
     {$("#ris").html(result);}, 
     error: function(){alert("Error");} 
     }); 

     $.get($(this).attr('href'), function(json) { //this doesn't work 
      $("#ris").html(json); 
     }); 

     $.getJSON($(this).attr('href'), function(json){ //this doesn't work 
     $("#ris").html(json);}); 

     event.preventDefault(); 
    }); 
    }); 

html: Ich bin hier nur den nav Artikel setzen, #ris ist am Ende der Seite

Für jetzt stelle ich nur das Ergebnis in #ris, um zu sehen, ob es funktioniert. Aber ich kann nicht verstehen, warum ich mit keiner Methode einen funktionierenden Anruf bekommen kann.

EDIT: der Server erhält nie die GET-Anfrage von JSON-Dateien. (server log)

Answer 1

Sie sollten eine Daten wie eine API veröffentlichen und Antwort wie unten lesen;

$.post("your_json_response_address", {"you_can_post":"anything"}, function(data){ 
    console.log(data); 
    $("#ris").html(data); 
    //code what you want... 
})