ajax异步请求案例

最新推荐文章于 2023-06-23 08:35:29 发布

ejohn0808

最新推荐文章于 2023-06-23 08:35:29 发布

阅读量440

点赞数

分类专栏： php 文章标签： ajax 前端 javascript

原文链接：https://www.cnblogs.com/zhangbaobao/p/7199557.html

版权

php 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

用户注册页面，需要检测用户名是否已经注册。

前端代码略,看核心部分：使用blur事件注册用户名,当用户输入用户名结束,鼠标点击用户名输入栏以外区域,若输入栏后面提示绿色信息用户名可用,反之不可用.

1.用户名前端ajax
$("#uid").blur(function(){
        //取数据
    var uid = $(this).val();        
        //取数据库进行匹配
       $.ajax({
                   url:"__CONTROLLER__/jiance",   //jiance控制器在TP的路径
                data:{uid:uid},
                type:"POST",
                dataType:"JSON",
                success: function(data){
                        if(data.trim()=="OK")
                        {
                            $("#tishi").html("该用户名可用");
　　　　　　　　　　　　　　　　$("#tishi").css("color","green"); 
　　　　　　　　　　　　　　} 
　　　　　　　　　　　　　　else 
　　　　　　　　　　　　　　{ 
　　　　　　　　　　　　　　　　$("#tishi").html("该用户名不可用!"); 
　　　　　　　　　　　　　　　　$("#tishi").css("color","red"); 
　　　　　　　　　　　　　　} } }) })

前端密码检测。拉取两个div的值赋值给两个变量,判断两个变量是否相等.
　　如果相等,写入提示"密码相同",执行代码.
　　如不相等,写入提示"两次密码输入不同",提交功能不执行.

function validate() {
                  var pwd1 = document.getElementById("pwd").value;
                  var pwd2 = document.getElementById("pwd1").value;

    		<!-- 对比两次输入的密码 -->
                  if(pwd1 == pwd2) {
                      document.getElementById("tishi1").innerHTML=
                      "<font color='green'>两次密码相同!</font>";
                      
                      document.getElementById("submit").disabled = 
                      false;
                  }
                  else {
                      document.getElementById("tishi1").innerHTML=
                      "<font color='red'>两次密码不相同!</font>";
                      document.getElementById("submit").disabled =
                      true;
                  }
              }

TP内用以验证用户名的后台jiance控制器

<?php
namespace HomeController;
use ThinkController;
class LoginController extends Controller{
	
	public function zhuce(){
		$uid = $_POST["uid"];
		$pwd = $_POST["pwd"];
		$name = $_POST["name"];
		if($uid==uid){
			$this->show();
		}else{
			$n = M("user");
		$n->create();
		$arr = $n->add();
		$this->ajaxReturn($arr,"TEXT");
		$this->show();
		}
		
	}
	
}