jqueryを使用してajax非同期リクエストを実装し、jsonデータコードの詳細を返す方法-jsチュートリアル-php.cn

jqueryを使用してajax非同期リクエストを実装し、jsonデータコードの詳細を返す方法

伊谢尔伦

リリース： 2017-07-21 14:47:53

オリジナル

1812 人が閲覧しました

jqueryの非同期ajaxリクエストの受信とjsonデータの返却方法は設定が簡単で、1つはサーバーハンドラーがjsonデータを返すこと、もう1つはajax送信設定のデータ型をjsonp形式データまたはjson形式に設定することです。

コード例は次のとおりです:

$(&#39;#send&#39;).click(function () {
    $.ajax({
        type : "GET",
        url : "a.php",
        dataType : "jsonp",
        success : function (data) {
            $.each(data.items, function (i, item) {
                $("<img class=&#39;para&#39;/> ").attr("src", item.media.m).appendTo("#resText");
                if (i == 3) {
                    return false;
                }
            });
        }
    });
});

ログイン後にコピー

$.ajax メソッドは次のとおりです:

$.ajax({ 
   type: "POST",
   url:  ctxRoot+&#39;FolderAction!saveInformSetting.action&#39;,
   data: &#39;jsonStr=&#39; + inform_settingListStr,
   dataType: "json",
   complete: function(data){
       //在这里做些事情，假设返回的json数据里有name这个属性
       //有时候可以直接data.name或者data[&#39;name&#39;]去访问
       //但有时候，却要通过var jsonData = eval("("+data.responseText+")");才可以通过jsonData.name访问，而且这种情况下，需要是complete而不是success
   }
   });
$.ajax(options)

ログイン後にコピー

これは最も基本的な JQuery Ajax メソッドであり、パラメーターオプションが 1 つだけあり、リクエスト情報とコールバック関数情報が含まれます。パラメータの内容はすべてキー:値のペアの形式であり、すべてオプションです。

構文は次のとおりです:

$.ajax({options});
url: (文字列) リクエストを送信するアドレス。サーバーページまたは WebService アクションにすることができます。
type: (文字列) リクエストメソッド、POST または GET
data: (オブジェクト) リクエストをサーバーに送信するときにもたらされるデータ。これは、配列 {works:["work1","work2"]} の場合、{name:"grayworm",sex:"male"} などのキー:値のペアの形式になります
dataType: ( string) 期待される戻りデータ型。 xml、html、json、text など。
beforeSend: (関数) は、ajax リクエストを送信する前にトリガーされます。 false が返された場合、リクエストはキャンセルされます。非同期リクエストで gif アニメーションを表示する必要がある場合は、対応する jqueryを使用してajax非同期リクエストを実装し、jsonデータコードの詳細を返す方法の可視性をここで設定する必要があります。

以上がjqueryを使用してajax非同期リクエストを実装し、jsonデータコードの詳細を返す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。