ajax提交到mysql_利用ajax的方式来提交数据到后台数据库及交互功能
怎么样用ajax来提交数据到后台数据库,并完成交互呢?????
一、当我们在验证表单的时候,为了阻止把错误的也发送到服务器,我们通常这样设置:
$(function(){
var isusername;(定一个变量)
var ispwd;
$('form').submit(function(e){
if(!isusername || !ispwd){
e.preventDefault();(阻止事件的默认事件)
})
});
1、在nodejs中我们可以用以下方法来(加载)跳转页面:
JQuery 中的load() 这是实行加载一个页面
window.location() 这是在windows下跳转到一个指定的页面
二、 node.js中MongoDB的安装步骤及相关操作:
1.下载安装程序。(windowXP只能使用2.2以前的版本,window7以上系统可以使用最新版本)下载地址:http://www.mongodb.org/downloads
2.开始安装MongoDB。如果是XP系统可以直接将安装目录拷贝到指定的目录下。如果win7系统则运行安装程序,可以自己选择安装路径。(注意安装路径不要出现中文)安装好的MONgoDB默认在C:\Program Files\MongoDB\Server\3.2\bin
3.在安装的同一目录下创建一个目录data,然后在data目录中创建db目录和log目录。
4.在命令行里输入 cd C:\Program Files\MongoDB\Server\3.2\bin回车
再输入mongo。进行mongo.exe操作界面。
5.开始运行MongoDB。可以通过以下命令将MongoDB的程序安装到windows的服务中。
最后打开命令行,切换到MongoDB的bin目录下。运行:
mongod.exe --dbpath "c:\data\db" --logpath "c:\data\log\mongodb.log" --install
6.在mongo.exe中我们可以完成增、删、改、查:下面依次介绍
在这之前我们可以用show dbs来查看当前mongo中的所有数据库,如果没有就用use f30(先找有没有F30,如果没有就自动创建一个名为f30的数据库)
1>增加:db.users.insert({maen:'dd',age:20})
增加后,可能用db.users.find()来看是否增加成功
2>删除:db.users.remove({maen:'dd'}) 或 db.users.remove({}) (这是删除users里面的所有数据)
3>修改:db.users.update({maen:'dd'},{age:22}) 把名字dd的年龄修改为22
4>查找:db.users.find({age:{$gt:20}) 查找大于20的数据
三、我们可以通过BUTTON来提交数据 ,并跳转到登录界面,代码如下 :
$("input[type=button]").click(function(e){
if(!isUsernameValid || !isPwdValid){ //用if语句来判断当用户名或者密码有一个为false时就弹出一个消息框,并提示:请输入正确的信息。
alert('请输入正确的信息');
return; //结束
}
$.ajax({ //用ajax来实现不刷新网页的基础上更新数据
type:"post", //请求方式
url:"/users/reg", //路径
data:{
username:$("input[name=username]").val(), //获取input中name为username的值
pwd:$("input[name=pwd]").val() //获取input中name为pwd的值
},
success:function(){
alert("注册成功");
window.location = "login.html"; //注册成功就跳转到login.html
}
});
})
以上代码就是用ajax的方式来实现注册功能。个人名言:每天进步一点点,相信成功是属于有准备的人!!!
ajax提交到mysql_利用ajax的方式来提交数据到后台数据库及交互功能相关推荐
- ajax mysql登录我注册_ajax方式实现注册功能(提交数据到后台数据库完成交互)
一.当我们在验证表单的时候,为了阻止把错误的也发送到服务器,我们通常这样设置: $(function(){ var isusername;(定一个变量) var ispwd; $('form').su ...
- 提交表单时,post方式无法提交(一种情况)
tomcat6,设置文件上传不限制大小maxPostSize="0" 但是在tomcat7及以后版本,应设置为小于0,如maxPostSize="-1" 否则 ...
- ajax传递数组_利用AJAX+PHP+MySQL实现不重新加载页面进行用户名已注册检测
AJAX简介 AJAX全称--Asynchronous JavaScript and XML(异步JavaScript和XML).使用AJAX,页面中用户的操作将通过AJAX引擎与服务器端进行通信,然 ...
- html中ajax检测用户名实例,利用Ajax检测用户名是否被占用的完整实例
适合人群:Ajax和jQuery入门 采用Ajax实现用户名验证 使用jQuery给出提示信息 用户注册的时候,使用Ajax实现检测用户名是否已经被注册过,很多细节没有实现,给大家做个简单普及. pa ...
- 利用SQLite Expert 工具将Excel数据导入android数据库.db文件
1.打开Excel,建立一张表.第一行(主键)一定要设置为id 2. 保存为CSV格式. 3.右键打开方式选择记事本打开我们新建的book.csv.将编码改为UTF-8,防止在模拟器上运行发生文字乱 ...
- ssh 隧道 mysql_利用SSH隧道方式连接远程MySQL服务器
1.简介: 大多数人知道SSH是用来替代R命令集,用于加密的远程登录,文件传输,甚至加密的FTP(SSH2内置),因此SSH成为使用极广的服务之一,不仅如 此,SSH还有另一项非常有用的功能,就是它的 ...
- ssh隧道远程mysql_利用SSH隧道方式连接远程MySQL服务器
1.简介: 大多数人知道SSH是用来替代R命令集,用于加密的远程登录,文件传输,甚至加密的FTP(SSH2内置),因此SSH成为使用极广的服务之一,不仅如 此,SSH还有另一项非常有用的功能,就是它的 ...
- ssh 隧道 mysql_利用SSH隧道方式连接远程MySQL
1.简介: 大多数人知道SSH是用来替代R命令集,用于加密的远程登录,文件传输,甚至加密的FTP(SSH2内置),因此SSH成为使用极广的服务之一,不仅如此,SSH还有另一项非常有用的功能,就是它的端 ...
- 利用JAVA程序批量导入csv数据到MySQL数据库
正在学习利用R进行统计学相关知识的实验,实验数据计划采用北京市环境监测数据,此数据可以在这个网址"https://quotsoft.net/air/"中下载,目前可提供2013年1 ...
最新文章
- 受用一生的高效PyCharm使用技巧(二)
- 判断输入的IP地址是否合法
- [转]ubuntu server:开机自动登录
- php表格合并_如何在php生成的表中合并单元格?
- 7-8 评委打分 (5 分)
- linux挂载安卓手机命令,Android开发中,mount指令的各种用法大全,挂载设备的各种配置...
- MTK 驱动开发---Memory 移植
- 英语学习框架(一) 英语音标
- mysql 数据脱敏
- 你知道什么是大数据的核心吗?
- echarts中的自定义tooltips
- 深度学习 图像识别 四
- python音频处理库librosa基本操作
- 使用DOM技术操纵文档
- DELL电脑无法感应到插入耳机
- Spring Boot内置Tomcat的静态资源配置(在页面中显示项目外的某个图片)
- 计算机组成原理第六章下半章知识总结
- 米饭 低 gi 高 gi 指数
- Linux ARM平台开发系列讲解(入门篇) 1.1.3 开发板、Ubuntu和windows三者相互连接,无需路由器,全网最详细
- win7下安装纯净版XP
热门文章
- Shell批量SSH免交互登录认证
- 如何退出Activity?如何安全退出已调用多个Activity的Application?
- 你有过这样的“反应”吗?
- VB.NET文件ZIP压缩
- 大受褒扬,BCH中国开发者走向世界!
- JavaScript速记
- tomcat与iis公用80端口(已经发布.net项目现在开发Java项目时tomcat在eclipse中localhost:8080打不开问题)...
- linux释放内存命令
- 记一次数据库查询语句的优化
- 浅析Facebook文字理解引擎DeepText