• 利用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 FilesMongoDBServer3.2in

    3.在安装的同一目录下创建一个目录data,然后在data目录中创建db目录和log目录。
    4.在命令行里输入 cd C:Program FilesMongoDBServer3.2in回车
    再输入mongo。进行mongo.exe操作界面。
    5.开始运行MongoDB。可以通过以下命令将MongoDB的程序安装到windows的服务中。
    最后打开命令行,切换到MongoDB的bin目录下。运行:
    mongod.exe --dbpath "c:datadb" --logpath "c:datalogmongodb.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的方式来实现注册功能。个人名言:每天进步一点点,相信成功是属于有准备的人!!!

    我们都是从菜鸟开始 决定我们成为什么样人的,不是我们的能力,而是我们的选择。
  • 相关阅读:
    阿里云oss大文件切片上传
    轻量全景查看器 pannellum初探
    基于.NetCore开发博客项目 StarBlog (15) 生成随机尺寸图片
    GitLab的安装、配置、使用
    Django数据库性能优化之 使用Python集合操作
    合阔智云核心生产系统切换到服务网格 ASM 的落地实践
    应用发布新版本如何保障流量无损
    传统 Web 框架部署与迁移
    云原生可观测套件:构建无处不在的可观测基础设施
    鱼传科技:函数计算,只要用上就会觉得香
  • 原文地址:https://www.cnblogs.com/zhengyuan1314/p/6915177.html
Copyright © 2020-2023  润新知