jQuery Ajax Sample - dataType

[dataType: "script"] Javascriptを読み込み実行する

jQuery

  $(function() {
    $.ajax({
      type: "GET",
      url: "sample1.js",
      dataType: "script"
    });
  });

sample1.js

  $("#ajax1").html('これはsample1.jsで挿入された文字列です').css({'color':'red'});

[dataType: "html"] HTMLファイルを読み込む

jQuery

  $(function() {
    $.ajax({
      url: "html.html",
      dataType: "html",
      }).done(function(html){
        $("#ajax2").html(html);
      }).fail(function(html){
        $("#ajax2").html('読み込みエラーです');
      });
  });

html.html

これはhtml.htmlの内容です

[dataType: "xml"] xmlファイルを読み込む

jQuery

  $(function() {
    $.ajax({
      url: "xml.xml",
      dataType: "xml",
      }).done(function(xml){
        var text = $(xml).find("data").text();
        $("#ajax3").text( text ).css({'color':'red'});
      }).fail(function(xml){
        $("#ajax3").html('読み込みエラーです');
      });
  });

xml.xml

  これはxml.xmlから得たデータです