2 Möglichkeiten, JSON-Daten asynchron mit jQuery_jquery abzurufen

Die Beispiele in diesem Artikel beschreiben zwei Möglichkeiten für jQuery, JSON-Daten asynchron abzurufen, was für die Entwicklung von Webprogrammen von großem praktischen Wert ist. Teilen Sie es als Referenz mit allen. Die spezifische Methode ist wie folgt:

Im Allgemeinen gibt es für jQuery zwei Möglichkeiten, JSON-Daten asynchron abzurufen: die Methode $.getJSON und die Methode $.ajax. In diesem Artikel werden diese beiden Methoden verwendet, um JSON-Daten asynchron abzurufen und sie dann an die Seite anzuhängen.

Erstellen Sie die Datei data.json im Stammverzeichnis:

{
  "one" : "Hello",
  "two" : "World"
}

1. Erhalten Sie JSON-Daten über die $.getJSON-Methode

  <script src="Scripts/jquery-2.1.1.min.js"></script>
  <script type="text/javascript">
    $(function() {
      $.getJSON('data.json', function(data) {
        var items = [];
        $.each(data, function(key, val) {
          items.push('<li id="' + key + '">' + val + '</li>');
        });
        $('<ul/>', {
          'class': 'list',
          html: items.join('')
        }).appendTo('body');
      });
    });
  </script>

2. Erhalten Sie JSON-Daten über die $.ajax-Methode

  <script src="Scripts/jquery-2.1.1.min.js"></script>
  <script type="text/javascript">
    $(function() {
      $.ajax({
        url: 'data.json',
        dataType: 'json',
        success: function(data) {
          var items = [];
          $.each(data, function(key, val) {
            items.push('<li id="' + key + '">' + val + '</li>');
          });
          $('<ul/>', {
            'class': 'list',
            html: items.join('')
          }).appendTo('body');
        },
        statusCode: {
          404: function() {
            alert("没有找到相关文件~~");
          }
        }
      });
    });
  </script>

Zusammenfassung: Mit der Methode $.getJSON und der Methode $.ajax kann der gleiche Effekt erzielt werden. Wenn Sie jedoch eine detailliertere Kontrolle über den asynchronen Erfassungsprozess haben möchten, wird empfohlen, die Methode $.getJSON zu verwenden. Ajax-Methode.

Ich glaube, dass das, was in diesem Artikel beschrieben wird, einen gewissen Referenzwert für die jQuery-Programmierung aller hat.