Site icon 时鹏亮的Blog

JavaScript-AJAX-GET-POST方式补记

请知悉:本文最近一次更新为 9年 前,文中内容可能已经过时。

不需要jQuery。之前写过一个,很简略,今天详细记录下:

<script type="text/javascript">
function getXmlDoc() {
var xmlhttp;
if (window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}else{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlhttp;
}
function Get(url, callback) {
var xmlDoc = getXmlDoc();
xmlDoc.open('GET', url, true);
xmlDoc.onreadystatechange = function() {
if (xmlDoc.readyState === 4 && xmlDoc.status === 200) {
callback(xmlDoc);
}
}
xmlDoc.send();
}
function Post(url, data, callback) {
var xmlDoc = getXmlDoc();
xmlDoc.open('POST', url, true);
xmlDoc.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlDoc.onreadystatechange = function() {
if (xmlDoc.readyState === 4 && xmlDoc.status === 200) {
callback(xmlDoc);
}
}
xmlDoc.send(data);
}
function change(id) {
Get("http://test.com/log.php id="+id,function(e){alert(e.responseText)});
Post("http://test.com/post.php","id="+id,function(e){alert(e.responseText)});
}
</script>

如您从本文得到了有价值的信息或帮助,请考虑扫描文末二维码捐赠和鼓励。

尊重他人劳动成果。转载请务必附上原文链接,我将感激不尽。


与《JavaScript-AJAX-GET-POST方式补记》相关的博文:

Exit mobile version