ajax（检测用户名，添加数据）
生活随笔
收集整理的這篇文章主要介紹了
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（检测用户名，添加数据）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： BZOJ 3997 [TJOI2015]
- 下一篇： tcp ip协议笔记（1）——简单介绍