jQuery ajax-load()メソッドコールバック関数

jQuery ajax-load()メソッド
jQuery Ajaxリファレンスマニュアル
≪インスタンス｜Instance｜emdw≫
AJAXリクエストを使用してdiv要素のテキストを変更します.

$("button").click(function(){
  $("div").load('demo_ajax_load.txt');
});

みずからやってみる
ページの下部にTIYインスタンスを追加できます
定義と使用法
load()メソッドは,AJAXによりサーバからのデータのロードを要求し,返されたデータを指定された要素に配置する.
注記:loadというjQuery ≪イベント｜Events｜ldap≫メソッドも存在します.どちらを呼び出すかは、パラメータによって異なります.
構文

load(url,data,function(response,status,xhr))

パラメータの説明
url
リクエストをどのURLに送信するかを規定します.
data
オプション.要求とともにサーバに送信されるデータを指定します.
function(response,status,xhr)
オプション.要求が完了したときに実行される関数を指定します.追加のパラメータ:
response-要求からの結果データを含む
status-要求を含むステータス(「success」>「notmodified」>「error」>「timeout」>「parsererror」)



$(document).ready(function(){
  $("button").click(function(){
    $("div").load("wrongname.xml",function(response,status,xhr){
      if (status=="success")
      {
      $("div").html("

");
      $(response).find("artist").each(function(){
        var item_text = $(this).text();
        $('

').html(item_text).appendTo('ol');
        });
      }
      else
      {
      $("div").html("An error occured:
"+ xhr.status + ""+ xhr.statusText)
      }
    });
  });
});

Artists

CD情報の取得

この例で使用するXMLファイルはcd_catalog