軽量AJAXオブジェクトの推奨？

Question

私はカスタムウィジェットを構築していますが、jQueryなどのフレームワークを使用するはずがありません。POSTをサポートする軽量のクロスブラウザオブジェクトが必要です。&コールバックで取得します。役に立たないものの

おかげ

Answer 1

ちょうどのXMLHttpRequestを自分でオブジェクト使用しています。

私は、例を見るためにmozillaサイトを見てみたいと思う傾向があり、このテーマについては素敵な説明があります。

https://developer.mozilla.org/En/XMLHttpRequest/Using_XMLHttpRequest

それを行うのは難しいことではありません、それは任意のHTTP要求をサポートし、あなたがそれを使用するようにしたいどのように簡単に応じて、あなたはそれを作りたいほど単純または複雑です。

jQueryには素晴らしいAPIがあります。そのため、スタイルをコピーすると便利です。

UPDATE：

あなたは上記のリンクを参照する必要がありますが、POSTを行うことができる方法を確認するために、主にあなたがこれを見てすることができますsend関数にパラメータを置きます。このコードをコピーするだけではなく、簡単な例のためにここに示します。あなたがアドレスバー、およびsendでヌルと同じように、あなただけの、URLに入れてGETするため

var xhr = new XMLHttpRequest(); 
xhr.open("POST", "http://foo.com/submitform.php"); 
xhr.send(formData); 

。

Answer 2

あなたはjQueryのを使用できない場合は、任意のライブラリを使用せずに、ゼロから1を書くことができます： -

var xmlhttp; 

if (window.XMLHttpRequest) { 
    xmlhttp=new XMLHttpRequest(); 
} 
else { 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
} 

xmlhttp.onreadystatechange=function() { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) { 
    document.getElementById("yourdiv").innerHTML=xmlhttp.responseText; 
    } 
} 

// change "GET" to "POST" if you want to POST 
xmlhttp.open("GET","/yourlink",true); 
xmlhttp.send();