2

jQueryを使用せずにプレーンJavaScriptのみを使用して以下のjQuery.Ajax呼び出しを書き直すにはどうすればよいですか?

ありがとう!

$.ajax({
    type: 'POST',
    url: url,
    contentType: 'application/json',
    data: JSON.stringify(request),
    success: function (result) {
        alert("Submitted succesfully!");
    },
    error: function (jqXHR, textStatus, errorThrown) {

        alert('Error Occured' + errorThrown);
    }
});
4

1 に答える 1

6

jQueryのajax関数が何をするのかを本当に知りたい場合は、jqueryソースを開いてajax関数を見てください。ここにソースへのリンクがあります。

http://code.jquery.com/jquery-1.9.1.js

jQueryなしでこれを実行したい場合は、XmlHttpリクエストを作成する必要があります

http://www.w3.org/TR/XMLHttpRequest/

これは基本的にAJAXとは何かです(非同期のjavascriptとxml)。

次に例を示します。

var xmlhttp;

if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
}

else{ // code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();

xmlDoc=xmlhttp.responseXML;

これにより、xmlhttpオブジェクトが作成され、GETを使用して指定されたURL(この場合はtxtファイル)に送信され、その内容が要求されます。データはxmlで返され、に保存されxmlDocます。これで、データを自由に使用できます。

これがお役に立てば幸いです。

于 2013-02-19T13:30:35.160 に答える