【个人笔记】《知了堂》ajax的get及post请求

ajax

执行步骤

// 步骤

设置事件调用函数

创建一个XHR对象
打开ajax通道，链接服务器，配置请求信息和参数
发送数据
设置回调函数
服务器接受请求，处理请求，查询数据库，响应及返回数据
回调函数接受数据，执行回调函数
回调函数中更新页面。

　　示例：

<!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>表单</title>
</head>
<body><form action="login" method="get"><h1>登陆</h1>用户名：<input type="text" name="userName" οnblur="checkUser()"><span id="msg"></span>密码：<input type="password" name="pwd"><input type="submit"></form><script>function checkUser(){var userName=document.forms[0].elements[0].value;var xhr='';if(window.XMLHttpRequest){xhr=new XMLHttpRequest();//DOM}else if(window.ActiveXObject){xhr=new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器标准}// 打开链接配置参数，// *   1、 请求方式  就是要告诉它是get、post// *   2、 请求地址 url// *   3、同步 还是 异步（async），这个跟页面刷不刷新没有关系，是对程序本身的考虑，默认是异步请求true，true异步请求，这个是ajax里面的两个机制，true是异步表示当有东西回来了才执行，同步请求是false是比如有多个ajax请求，他会等一个结束了才执行第二个，xhr.open("get","checkUser.do?userName="+userName,true);xhr.send(null);//get方式 send是null　　　　　　  //请求过后会有一个回调函数等待服务器响应在接受数据xhr.onreadystatechange=function(){console.log(xhr.responseText)}}</script>
</body>
</html>

连接数据库
　　示例：

const mysql=require("mysql"); //引用数据库模块
const checkUser=function(req,resp){console.log(req)let userName=req.query.userName;let pool=mysql.createPool({host:"主机地址",port:"主机端口",user:"用户名",password:"主机密码",database:"数据库名"})pool.getConnection(function(error,connection){if(error){console.log(error)}let sqlStr="select * from t_user where u_name=?";connection.query(sqlStr,[userName],function(err,data){console.log(data)　　　　　　　//因为是注册嘛所以是data的长度大于0的时候说明数据库里面已经有这个账号了　　　　　　　if(data.length>0){resp.send("用户名已经存在");}else{resp.send("你好棒，快去注册吧。");}});connection.release();})
}
module.exports={checkUser:checkUser}

服务器引用

const loginCheck=require("数据库模板地址");

服务器拦截请求

app.get("/拦截地址",loginCheck.checkUser)

转载于:https://www.cnblogs.com/1542986913Yu/p/7603304.html

【个人笔记】《知了堂》ajax的get及post请求相关推荐

【知了堂学习笔记】java 自定义异常
[知了堂学习笔记]java 自定义异常参考文章: (1)[知了堂学习笔记]java 自定义异常 (2)https://www.cnblogs.com/pipixiao/p/7419902.html ...
【知了堂学习笔记】MySQL数据库常用的SQL语句整理
一,常用.简单的SQL操作语句 1.数据库操作: 1)创建数据库: create database database_name: 创建并设置字符编码 create database database_ ...
[知了堂学习笔记]_网络基础知识_1.OSI参考模型（网络七层协议）
OSI参考模型是国际标准化组织ISO制定的模型,把计算机与计算机之间的通信分成七个互相连接的协议层,如图: 1.1各层功能 1.物理层最底层是物理层,这一次负责传送比特流,它从第二层数据接收数据帧, ...
【知了堂学习笔记】数据库连接池简介，以及Eclipse中C3p0连接池的简单运用
1.普通的JDBC连接数据库的弊端普通的JDBC数据库连接使用 DriverManager 来获取,每次向数据库建立连接的时候都要将 Connection 加载到内存中,再验证用户名和密码(得花费0 ...
知了堂学习笔记-CSS样式整理（一）
height.width 在height.width属性中使用%值,需要对包含它的块级对象设置宽高,否则height.width属性设置无效.因为%是基于包含它的块级对象的百分比高度. 无效: 有效: ...
[知了堂学习笔记]_牵线Eclipse和Tomcat第一篇 —— 配置Java环境变量安装eclipse
一.先给他们提供一个"浪漫的"环境,比如传说中的"鹊桥"--java环境变量.哈哈! 配置java环境变量. 下载jdk,根据自己电脑的版本和操作位数选择不同的 ...
[知了堂学习笔记]根据银行卡号匹配银行卡类型
银行卡类型匹配代码原理:通过银行卡前6或前8位对银行卡类型进行匹配,返回对应的银行类型代码: package com.finalcial.util;/*** 通过银行的Bin号来获取银行名称 ...
[知了堂学习笔记]_Java中线程的学习（一）
请关注"知了堂学习社区",地址:http://www.zhiliaotang.com/portal.php 线程 1.线程的概念线程,有时被称为轻量级进程(Lightweight ...
[知了堂学习笔记]_设计模式之工厂模式
介绍: 工厂模式专门负责将大量有共同接口的类实例化.工厂模式可以动态决定将哪一个类实例化,不必事先知道每次要实例化哪一个类. 形态: 简单工厂(Simple Factory)模式,又称静态工厂方法模式 ...
【知了堂学习笔记】_Java笔试题整理（二）
请关注"知了堂学习社区",地址:http://www.zhiliaotang.com/portal.php 1.请大概描述一下Vector和ArrayList的区别,Hashtab ...

【个人笔记】《知了堂》ajax的get及post请求

ajax

连接数据库
　　示例：

服务器引用

服务器拦截请求

【个人笔记】《知了堂》ajax的get及post请求相关推荐

最新文章

热门文章

【个人笔记】《知了堂》ajax的get及post请求

ajax

连接数据库 示例：

服务器引用

服务器拦截请求

【个人笔记】《知了堂》ajax的get及post请求相关推荐

最新文章

热门文章

连接数据库
　　示例：