jQueryはAJAXを "置き換える"のですか？

Question

私は初心者です。1年前と同じように、基本的な-AJAXテクニックで作業しました。

1ヶ月前に私はjQueryが存在することを認識し、基本的な方法でも使用しています。

私が知りたいことは、jQueryがAJAXのようなことを行うことができるかどうか、そして/またはそれを "置き換える"ことです。

w3schoolsから取得した例：これはjQueryで作成できますか？

function loadXMLDoc() 
{ 
if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText; 
    } 
    } 
xmlhttp.open("GET","ajax_info.txt",true); 
xmlhttp.send(); 
} 

Answer 1

号AJAXは、ページのリロードに頼ることなく、ウェブページに動的挙動又はデータを導入するために使用されるデザインパターンです。

jQueryはJavascriptフレームワークです。それができることの1つは、データをAJAXパターンで動的にロードすることです。

1つは他を置き換えません。

jQueryを使わずにAJAXを実行することができます。逆も同様です。または一緒に行うことができます。

Answer 2

はい。 jQueryのajaxメソッドは単なるラッパーです。ただし、ブラウザ固有のバグや問題を処理し、要求を設定/実行するための優位なインターフェースを提供します。

Answer 3

jQueryを使用している場合、そのコードのすべてを置き換える.ajax()関数が組み込まれています。また、ブラウザ間の問題も処理します。私は最近、このように見えるようにウェブサイト全体の価値のあるAjaxコードを書き直しています。

例：絶対

$.ajax({ 
    url: 'fetchInfo.php', 
    success: function(data) { 
     $('.result').html(data); 
     alert('Load was performed.'); 
    } 
}); 

Answer 4

：

$.get('ajax_info.txt', function(data) { 
$('#myDiv').append(data); 
}); 

Answer 5

第4リンクを中心にjQuery APIをご覧ください。

それはjQuery.ajax()

Answer 6

jQueryのJSコードeaiserとクロスブラウザをするJavaScriptためのフレームワーク、と言うべきです。

jqueryのに組み込まれてい

$('#myDiv').load('ajax_info.txt'); 

jQuery API

Answer 7

はい、：として

$.get('ajax_info.txt', function(data){ 
    $('#myDiv').html(data); 
}); 

あるいはさらに簡単に次のように指定したコードは、jQueryので行うことができます。 http://api.jquery.com/category/ajax/

Answer 8

を参照してくださいはい、jQueryのは、このような.ajaxPrefilter()、.ajaxStart()、.ajaxSend()、.ajaxError()、.ajaxStop()としての機能を有する、強力です...

あなただけの最初のあなたのようなjQueryライブラリ用のスクリプトを宣言し、jQueryとコードの上に作成することができます：あなたはjQueryのは、*のように* AJAXを行うことができますことを追加する必要があります

$(document).ready(function(){ 
    $.ajax({ 
     url:"ajax_info.txt", 
     type:"POST", 
     data:"key1="+value1+"&key2="+value2, 
     success:function(msg){$("#myDiv").text(msg);} 
    }); 
});