ajax（检测用户名，添加数据）

一.检测用户名是否可用

1. 0512ajax.php

<script src="jquery-3.2.0.min.js"></script>
</head><body><input type="text" id="uid" /><span id="ts"></span></body>
<script type="text/javascript">$("#uid").blur(function(){//取出用户名var uid = $(this).val();//去数据库进行匹配$.ajax({url:"chuli.php", //处理页面的路径data:{u:uid}, //要提交的数据是一个JSONtype:"POST", //提交方式dataType:"TEXT", //返回数据的类型//TEXT字符串 JSON返回JSON XML返回XMLsuccess:function(data){ //回调函数if(data.trim()=="OK"){$("#ts").html("该用户名可用");$("#ts").css("color","green");}else{$("#ts").html("该用户名已存在");$("#ts").css("color","red");}}});})</script>
</html>

2. 0512chuli.php

<?php
$uid = $_POST["u"];require"DBDA.class.php";
$db = new DBDA();
$sql ="select count(*) from users where uid='{$uid}'";
$arr = $db->query($sql,1);//此封装类默认是0增删改，此处是1的话就是查
if($arr[0][0])
{echo "NO";
}
else
{echo "OK";
}

二.添加数据

1. tianjia.php

<script src="jquery-3.2.0.min.js"></script>
<title>无标题文档</title>
</head><body>
<h1>添加数据</h1>
<div>代号：<input type="text" id="code" /></div>
<div>名称：<input type="text" id="nno" /></div>
<input type="button" value="添加" id="add" />
</body>
<script type="text/javascript">
$("#add").click(function(){var code = $("#code").val();var nno = $("#nno").val();$.ajax({url:"tjchuli.php",data:{c:code,n:nno},type:"POST",dataType:"TEXT",success: function(data){if(data.trim()=="OK")//如果只有一个判断，可以不用{}.即alert("添加成功");elsealert("添加失败");
                        {alert("添加成功")}else{alert("添加失败")};}})})
</script>
</html>

2. tjchuli.php

<?php
$code = $_POST["c"];
$nno = $_POST["n"];require"DBDA.class.php";
$db = new DBDA();$sql = "insert into nation values('{$code}','{$nno}')";
if($db->query($sql))
{echo "OK";
}
else
{echo "NO";
}

转载于:https://www.cnblogs.com/zhaohui123/p/6844695.html

ajax（检测用户名，添加数据）相关推荐

html中ajax检测用户名实例,利用Ajax检测用户名是否被占用的完整实例
适合人群:Ajax和jQuery入门采用Ajax实现用户名验证使用jQuery给出提示信息用户注册的时候,使用Ajax实现检测用户名是否已经被注册过,很多细节没有实现,给大家做个简单普及. pa ...
ajax 用户已注册,Ajax检测用户名是否已经注册
程序功能当用户名输入完成(即用户名输入框失去焦点),利用Ajax检测用户名是否已经注册! 实现过程利用Ajax向CheckUserServlet发送请求,判断该用户名是否可用.这里只是为了演示Aj ...
用户名唯一 php,AJAX检测用户名是否唯一
大家都知道,很多网页注册的时候用户名重复就不能注册,本文通过实例代码给大家介绍了AJAX应用实例之检测用户名是否唯一,非常不错,具有参考借鉴价值,需要的朋友可以参考下,希望能帮助到打家. 先给大家展示 ...
ajax如何用编号查询姓名,Ajax js 使用Ajax检测用户名是否存在
jsp页面: Js代码 varxmlHttp=false; try{ xmlHttp=newActiveXObject("Msxml2.XMLHTTP"); }catch(e){ ...
ajax里数组添加数据,小笔记(一)：ajax传递数组及将ajax返回数据赋值
当使用ajax传递数据时,有可能传递多个数据,这是使用以下方法传递数据就会显得数据过多且混杂 $.ajax({ type:'post', url:url, data:{data:data,conten ...
ajax检测用户名重复无效,用ajax实现检测注册用户名是否重复的完整例子
ValidateName.java代码如下所示,并且采用userIsExist查找数据库看是否存在相同的用户名. package com.wuliu.test; import java.io.IOEx ...
Django ajax 检测用户名是否已被注册
添加一个 register.html 页面 <!DOCTYPE html> <html lang="en"> <head><meta ch ...
javaweb基础----使用ajax校验用户名是否重复
首先是前端js的代码: 1 <script type="text/javascript"> 2 function checkForm(){ 3 //1.验证用户名不能为 ...
asp.net mvc ajax get读取服务器数据，post检测用户名实例讲解下载
[实例简介] asp.net mvc ajax 读取服务器两种方式实例以及 ajax post方式检测用户名是否可用实例文件:590m.com/f/25127180-494085336-22b65d ...

ajax（检测用户名，添加数据）

ajax（检测用户名，添加数据）相关推荐

最新文章

热门文章