码迷,mamicode.com
首页 > Web开发 > 详细

【铜】第134篇 一对一视频录制及Ajax实现注册周日

时间:2017-05-27 18:03:57      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:一对一视频录制   ajax实现注册   

关键词:一对一视频录制, Ajax实现注册

一、一对一视频录制

1.1 需要做的

二、network

2.1 Ajax实现注册,如下:

1注册html

         <h3>注册请填写:</h3>

         用户名:<input type="text"   placeholder="请输入用户名" id="username1"

name="username" ><br>

            称:<inputtype="text"   placeholder="请输入昵称" id="nick1" name="nick" ><br>

            箱:<inputtype="text"   placeholder="请输入邮箱" id="email1"

name="email" ><br>

            话:<inputtype="text"   placeholder="请输入电话" id="mobile1"

name="mobile" ><br>

            码:<inputtype="password"  placeholder="请输入密码" id="pass1"

name="pass" ><br>

         确认密码:<inputtype="password" placeholder="请再次输入密码" id="pass21"

name="pass2" ><br>

         <buttonid="formSubmit" onclick="tabSubmit()">提交</button>

2)tabSubmit函数如下:

   function tabSubmit(){

              var unameV =document.getElementById("username1").value;

                  varnickV = document.getElementById("nick1").value;

                  varemailV = document.getElementById("email1").value;

                  varmobileV = document.getElementById("mobile1").value;

                  varpassV = document.getElementById("pass1").value;

                  varpass2V = document.getElementById("pass21").value;

 

                  varform = new FormData();

                  form.append("username",unameV);

                  form.append("nick",nickV);

                  form.append("email",emailV);

                  form.append("mobile",mobileV);

                  form.append("pass",passV);

                  form.append("pass2",pass2V);

                  $.ajax({

                     url:"/0Web/index.php/user/UserRegData/saveUserInfo",

                      type:"post",

                      data:form,

                      processData:false,

                      contentType:false,

                      success:function(data){

                          if( data == 1001){

                  alert(‘您填写的手机号或昵称已存在,请检查后重新填写!!!‘);

                          }else if(data ==1002){

                   alert(‘插入成功!‘);

                  self.location="http://127.0.0.1/0Web/";//不跳转直接把当前页面顶掉

                          }else{

                             alert(‘系统错误,请稍后再试!‘);

                          }

                      },

                      error:function(e){

                          alert("错误!!");

                      }

                  }); 

   }

注:这个用ajax实现的插入,插入成功后,可以跳转到首页。

3相关接口如下:

             //保存用户信息

   public function saveUserInfo(){

       $data = $this->input->post();

       $username = $this->input->post("username");

       $nick = $this->input->get_post("nick");

       $email = $this->input->post("email");

       $mobile = $this->input->get_post("mobile");

       $pass = md5($this->input->post("pass"));

       $pass2 = md5($this->input->post("pass2"));

      $boolNick = $this->UsRgDtM->selectUser(‘nick‘,$nick);

      $boolMobile = $this->UsRgDtM->selectUser(‘mobile‘,$mobile);

       if($boolNick || $boolMobile){

               //1001 表示昵称或手机号已存在

           $ret= 1001;

       }else{

               $bool =$this->UsRgDtM->saveUser($username,$nick,$email,$mobile,$pass,$pass2);

           if($bool){

                //1002 插入成功

                $ret = 1002;      

           }else{

                //1003 插入失败

                $ret =  1003;

           }

       }

          echo json_encode($ret);

}

2017514日星期日

436 铜牌

【铜】第134篇 一对一视频录制及Ajax实现注册周日

标签:一对一视频录制   ajax实现注册   

原文地址:http://phperqhz.blog.51cto.com/10228313/1930315

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!