原生JavaScript寫AJAX
阿新 • • 發佈:2017-10-24
php javascript jscript
前端JavaScript:
function ajaxGet(url, obj) { var request; if(window.XMLHttpRequest) { request = new XMLHttpRequest(); } else { request = new ActiveXObject(‘Microsoft.XMLHTTP‘); // 兼容IE } request.onreadystatechange = function() { if(request.readyState === 4) { // 4 請求完成 if(request.status === 200) { // 200 頁面成功加載 console.log(request.responseText); // 成功 返回得到的文本 } else { console.log(request.status); // 失敗 返回狀態碼 如 404 } } else { console.log(‘Requesting‘); } } /* 解析參數 */ str = ‘?‘; for(key in obj) { str += (key + ‘=‘ + obj[key] + ‘&‘); } str = str.substr(0, str.length - 1); /* 發送 */ request.open(‘GET‘, url + str); request.send(); } ajaxGet(‘ajax.php‘, { ‘type‘: ‘get‘, ‘data‘: ‘test‘ }); //get-test
後端PHP:
<!-- ajax.php --> <?php echo $_GET[‘type‘] . ‘-‘ . $_GET[‘data‘];
原生JavaScript寫AJAX
本文出自 “不知不問” 博客,請務必保留此出處http://mazey.blog.51cto.com/12997993/1975314
原生JavaScript寫AJAX