1.什麼是ajax ajax是技術名詞的縮寫： Asynchronous:非同步； JavaScript:JavaScript語言； And:和、與； XML:數據傳輸格式 ajax是客戶端通過HTTP向伺服器發送請求 2.ajax對象的屬性、方法 屬性 readyState: Ajax狀態碼 3.x ...
1.什麼是ajax
ajax是技術名詞的縮寫：
Asynchronous:非同步；
JavaScript:JavaScript語言；
And:和、與；
XML:數據傳輸格式
ajax是客戶端通過HTTP向伺服器發送請求
2.ajax對象的屬性、方法
屬性
readyState: Ajax狀態碼
4.xhr.getResponseHeader('key') 獲取指定頭信息
5.send([content]) ：發送Ajax請求content ： 如果是get請求時，此參數為null;如果是post請求時，此參數就是要傳遞的數據
註意: 所有相關的事件綁定必須在調用send()方法之前進行.
3.案例
html頁面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
用戶名:<input type="text" value="" id="inp">
<span></span>
</body>
<script>
var inp=document.getElementById('inp');
inp.onblur=function(){
var xhr=new XMLHttpRequest();
xhr.onreadystatechange=function(){
if(xhr.readyState==4){
if(xhr.responseText==1){
inp.nextElementSibling.innerHTML='此用戶名不可以用';
inp.nextElementSibling.style.color='red';
}
else{
inp.nextElementSibling.innerHTML='此用戶名可以用';
inp.nextElementSibling.style.color='green';
}
}
}
xhr.open('get','http://127.0.0.1:8000/getone?'+inp.value);
xhr.send();
}
</script>
</html>
js頁面
//引入http模塊
var http = require('http');
//引入fs模塊
var fs = require('fs');
//引入url模塊
var url = require('url');
//創建一個server對象
var server = http.createServer();
//設置8000埠
server.listen(8000, function () {
console.log('啟動8000伺服器', 'http//127.0.0.1:8000')
});
//設置server事件
server.on('request', function (req, res) {
//判斷路徑
var urls = url.parse(req.url);
if (urls.pathname == '/getone') {
// console.log(urls.query);
if (urls.query == "admin") {
res.end('1');
}
else {
res.end('0');
}
}
else {
fs.readFile('.' + urls.pathname, function (err, data) {
if (!err) {
res.end(data);
}
else {
res.end('');
}
});
}
});
