怎么样用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的方式来提交数据到后台数据库及交互功能相关推荐

  1. ajax mysql登录我注册_ajax方式实现注册功能(提交数据到后台数据库完成交互)

    一.当我们在验证表单的时候,为了阻止把错误的也发送到服务器,我们通常这样设置: $(function(){ var isusername;(定一个变量) var ispwd; $('form').su ...

  2. 提交表单时,post方式无法提交(一种情况)

    tomcat6,设置文件上传不限制大小maxPostSize="0" 但是在tomcat7及以后版本,应设置为小于0,如maxPostSize="-1"  否则 ...

  3. ajax传递数组_利用AJAX+PHP+MySQL实现不重新加载页面进行用户名已注册检测

    AJAX简介 AJAX全称--Asynchronous JavaScript and XML(异步JavaScript和XML).使用AJAX,页面中用户的操作将通过AJAX引擎与服务器端进行通信,然 ...

  4. html中ajax检测用户名实例,利用Ajax检测用户名是否被占用的完整实例

    适合人群:Ajax和jQuery入门 采用Ajax实现用户名验证 使用jQuery给出提示信息 用户注册的时候,使用Ajax实现检测用户名是否已经被注册过,很多细节没有实现,给大家做个简单普及. pa ...

  5. 利用SQLite Expert 工具将Excel数据导入android数据库.db文件

    1.打开Excel,建立一张表.第一行(主键)一定要设置为id  2. 保存为CSV格式. 3.右键打开方式选择记事本打开我们新建的book.csv.将编码改为UTF-8,防止在模拟器上运行发生文字乱 ...

  6. ssh 隧道 mysql_利用SSH隧道方式连接远程MySQL服务器

    1.简介: 大多数人知道SSH是用来替代R命令集,用于加密的远程登录,文件传输,甚至加密的FTP(SSH2内置),因此SSH成为使用极广的服务之一,不仅如 此,SSH还有另一项非常有用的功能,就是它的 ...

  7. ssh隧道远程mysql_利用SSH隧道方式连接远程MySQL服务器

    1.简介: 大多数人知道SSH是用来替代R命令集,用于加密的远程登录,文件传输,甚至加密的FTP(SSH2内置),因此SSH成为使用极广的服务之一,不仅如 此,SSH还有另一项非常有用的功能,就是它的 ...

  8. ssh 隧道 mysql_利用SSH隧道方式连接远程MySQL

    1.简介: 大多数人知道SSH是用来替代R命令集,用于加密的远程登录,文件传输,甚至加密的FTP(SSH2内置),因此SSH成为使用极广的服务之一,不仅如此,SSH还有另一项非常有用的功能,就是它的端 ...

  9. 利用JAVA程序批量导入csv数据到MySQL数据库

    正在学习利用R进行统计学相关知识的实验,实验数据计划采用北京市环境监测数据,此数据可以在这个网址"https://quotsoft.net/air/"中下载,目前可提供2013年1 ...

最新文章

  1. 受用一生的高效PyCharm使用技巧(二)
  2. 判断输入的IP地址是否合法
  3. [转]ubuntu server:开机自动登录
  4. php表格合并_如何在php生成的表中合并单元格?
  5. 7-8 评委打分 (5 分)
  6. linux挂载安卓手机命令,Android开发中,mount指令的各种用法大全,挂载设备的各种配置...
  7. MTK 驱动开发---Memory 移植
  8. 英语学习框架(一) 英语音标
  9. mysql 数据脱敏
  10. 你知道什么是大数据的核心吗?
  11. echarts中的自定义tooltips
  12. 深度学习 图像识别 四
  13. python音频处理库librosa基本操作
  14. 使用DOM技术操纵文档
  15. DELL电脑无法感应到插入耳机
  16. Spring Boot内置Tomcat的静态资源配置(在页面中显示项目外的某个图片)
  17. 计算机组成原理第六章下半章知识总结
  18. 米饭 低 gi 高 gi 指数
  19. Linux ARM平台开发系列讲解(入门篇) 1.1.3 开发板、Ubuntu和windows三者相互连接,无需路由器,全网最详细
  20. win7下安装纯净版XP

热门文章

  1. Shell批量SSH免交互登录认证
  2. 如何退出Activity?如何安全退出已调用多个Activity的Application?
  3. 你有过这样的“反应”吗?
  4. VB.NET文件ZIP压缩
  5. 大受褒扬,BCH中国开发者走向世界!
  6. JavaScript速记
  7. tomcat与iis公用80端口(已经发布.net项目现在开发Java项目时tomcat在eclipse中localhost:8080打不开问题)...
  8. linux释放内存命令
  9. 记一次数据库查询语句的优化
  10. 浅析Facebook文字理解引擎DeepText