ajax简单操作,验证用户名是否可以
2024-08-31 11:04:22
分别使用get,post方法进行提交.
如果输入用户名为admin时,鼠标失去焦点,显示不可以.
<!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="tt">
<span id="s"></span>
</body>
<script>
var txt = document.getElementById('tt')
txt.onblur = function(){
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){ if(xhr.readyState == 4){
if (xhr.responseText == 1) {
var h = '<font color = "red">不可以</font>';
document.getElementById('s').innerHTML = h;
}else{
var h = '<font color = "green">可以</font>';
document.getElementById('s').innerHTML = h;
}
}}
xhr.open('get','http://127.0.0.1:8080/getname?me=' + txt.value);
xhr.send();
// xhr.open('post','http://127.0.0.1:8080/getname');
// xhr.send('me='+txt.value); }
</script>
</html>
//引用模块
var http = require('http');
var fs = require('fs');
var url = require('url'); //开启服务器
var server = http.createServer();
server.listen(8080,function(){
console.log('启动')
}) server.on('request',function(req,res){
var urls = url.parse(req.url, true);
if(urls.pathname == '/gets'){
res.end('get');
}else if (urls.pathname == '/posts') {
res.end('post');
}else if(urls.pathname == '/getname'){
// console.log(urls.query.me);
if(urls.query.me == 'admin'){
res.end('1');
}else{
res.end('0');
} // var d ='';
// req.on('data', function(post_data){
// d += post_data;
// })
// req.on('end', function(){
// var obj = require('querystring').parse(d);
// if(obj.me == 'admin'){
// res.end('1')
// }else{
// res.end('0');
// }
// }) }else{
fs.readFile('.'+urls.pathname, function(err, data){
if(!err){
res.end(data);
}else{
res.end('')
}
})
}
})
最新文章
- 豪情-CSS解构系列之-新浪页面解构-02
- java学习第15天(Linklist Vector)
- Vue系列:如何将百度地图包装成Vue的组件
- ssh 免密码登陆
- Linux 监控文件被什么进程修改
- 如何关闭ie9烦人的提示信息?
- zoj2589Circles(平面图的欧拉定理)
- 《用格式化(fprintf和fscanf函数)的方式读写文件》
- MAC 终端快捷建
- SRM 399(1-250pt)
- django最简单表单入门
- STL--G - For Fans of Statistics(两个推断条件-二分)
- hdu2159(二维完全背包)
- 笔记整理--C语言
- 大数据学习系列之一 ----- Hadoop环境搭建(单机)
- java中的构造器
- (贪心)nyoj91-阶乘之和
- 02: OpenStack
- zabbix3.4.7常用监控项
- firefox修改语言
热门文章
- USB OTG学习笔记
- 新手学python-Day1-鸡汤,变量,编码,进制,判断
- JSP中文乱码问题的由来以及解决方法
- ie6下position:fixed定位问题
- Java数据结构(排序篇)
- Bridge模式
- HDU-1042-N!(Java大法好 &;amp;&;amp; HDU大数水题)
- MongoDB初探系列之四:MongoDB与Java共舞
- ubuntu14.04无法安装Curl
- ZOJ 2913 Bus Pass (近期的最远BFS HDU2377)