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('');
}
});
}
});
如对本文有疑问, 点击进行留言回复!!
selenium + ajax抓取英雄联盟全部英雄的详细信息及多线程保存全部皮肤图片到本地
网友评论