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

Posted 2020-09-20

关键词：一对一视频录制, 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);

}

2017年5月14日星期日

436字 铜牌