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
注册
ajax数据库交互、ajax与数据库交互、ajax提交表单到数据库、ajax提交数据到数据库、前端页面与数据库交互,以便于您获取更多的相关知识。

时间: 2024-10-30 20:33:14

ajax方式实现注册功能(提交数据到后台数据库完成交互)_AJAX相关的相关文章

php ajax网站浏览统计功能的简单实现第1/2页_AJAX相关

使用PHP语言实现,如果你看不明白,请留言.... 相信原理都差不多.. 为什么使用PHP做范例语言? 不外乎两个因素: 1. PHP语法通俗易懂,有一点程序基础的人就可以了解;2.代码量比较少 本功能实现的代码的目录结构见 [ajax实时任务提示功能的实现 -- vb2005xu自己动手系列(1)],这个可以作为它的插件插入,这里也是阐述一种开发思想:在网站开发的过程中,功能是逐步添加的,一开始并不能也不可以做到尽善尽美的设计.建议在刚开始的时候规划好项目的结构,后期好使用插件扩展功能实现..

让ajax更加友好的实现方法(实时显示后台处理进度。)_AJAX相关

ajax应用越来越多,大部分ajax处理都是在前台显示1个"loading...",然后把数据提交给服务器进行处理,处理完毕后显示"处理完毕".我们能否让ajax更加友好点,实时显示服务器处理的进度了?这在一些长时间的请求中尤其重要,比如上传文件.发送邮件.批量处理数据.答案当然是可以的,不然就不会写这个了,对吧,^_^. 存在的问题: 要解决实现上面的功能,需要解决下面几个问题: 1. 服务器如何在处理一部分数据后传递部分response到浏览器. 2.浏览器如何

ajax实时任务提示功能的实现代码第1/2页_AJAX相关

项目代码结构见 我之前写的[EXT/FCKEditor 集成 -- AJAX UI -- 一种web开发的新的思维,要及时转换思想]一文. 中的 ├─taskofpig │ ├─Controller │ ├─Dao │ ├─js │ ├─music │ ├─tpl │ ├─tpl_c │ └─_log 项目代码如下: db.sql SET FOREIGN_KEY_CHECKS=0; -- ---------------------------- -- Table structure for ta

如何将ajax请求返回的Json格式数据循环输出成table形式_AJAX相关

首先,Ajax请求数据,(用的是Jquery的Ajax) 复制代码 代码如下: <script> $(function(){ $('#test').click(function(){ $.ajax({ url:'__APP__/Article/jsonTest', type:'post', success:function(data){ var item; $.each(data,function(i,result){ item = "<tr><td>&quo

前台ajax提交数据,后台接受,存入数据库

问题描述 前台ajax提交数据,后台接受,存入数据库 "{"1":{"top":125,"left":376,"process_to":[]},"2":{"top":339,"left":378,"process_to":[]},"3":{"top":280,"left":840

jquery ajax 数据绑定-JQUERY ajax提交数据到后台,进行数据库查询,然后重新绑定GridView.

问题描述 JQUERY ajax提交数据到后台,进行数据库查询,然后重新绑定GridView. 我在前台放了一个input,type=button点击后触发下面的ajax提交数据到后台.后台处理后对一个GridView进行数据绑定.前台代码如下: params = JSON.stringify(obj); $.ajax({ type: ""Post"" url: ""/aspx_consumption/Consumption_Home.aspx/

PHP如何通过AJAX方式实现登录功能_php实例

本文实例讲述了Ajax+PHP+MySQL登陆示例.分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: 1 login.php 登录界面中,javascript脚本用ajax方式异步请求dologin.php,dologin.php负责用户信息验证(包括验证码,php生成验证码可以自行搜索).登录界面的代码如下: <?php session_start();?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran

解决angular的$http.post()提交数据时后台接收不到参数值问题的方法_AngularJS

写此文的背景:在学习使用angular的$http.post()提交数据时,后台接收不到参数值,于是查阅了相关资料,寻找解决办法. 写此文的目的:通过上面提到的文章中的解决之道,结合自己的经验,总结了如下发现. 前端:html,jquery,angular 后端:java,springmvc一.平常使用的post提交和接收方式前端使用jquery提交数据. $.ajax({ url:'/carlt/loginForm', method: 'POST', data:{"name":&qu

.net执行页面提交数据到mysql数据库报错,求指导

问题描述 .net执行页面提交数据到mysql数据库报错,求指导 * 别人那里是不报错的,就我本地会报错,而且我的 代码也全是svn上下载下来的. 解决方案 mysql.data.dll这个直接考一遍,重新引用 解决方案二: 直接考一遍再重新引用没有用的