關(guān)于ajax的使用方法_例題、ajax的數(shù)據(jù)處理

input type="text" id="uid" />
span id="tishi">/span> //這個使用來顯示提示信息的

$("#uid").blur(function(){
　　//取用戶名
　　var uid = $(this).val();
　　//查數(shù)據(jù)庫，調(diào)ajax
　　$.ajax({  //ajax方法中必須是json格式
  url: "zhucecl.php",  //處理頁面的地址
  data:{u:uid},  //這里是Json的格式:u是起的個名字，uid才是值
  type:"POST", //數(shù)據(jù)提交方式
  dataType:"TEXT",  //返回的數(shù)據(jù)格式:字符串格式
  success:function(data){  //成功的話返回匿名函數(shù)（回調(diào)函數(shù)）
      //執(zhí)行處理頁面成功后的語句
      var str = "";
                 
      if(data=="OK")
      {
      　　str = "用戶名可以使用";
      　　$("#tishi").css("color","green");
      }
      else
      {
      　　str = "已有用戶名";  
      　　$("#tishi").css("color","red");
      }
      $("#tishi").text(str);
    　　}
　　　　　　});     
})

?php
//調(diào)封裝好的類：注意保存位置
include("DBDA.class.php");
$db = new DBDA();
 
//傳的值起的名字
$uid = $_POST["u"];
$sql = "select count(*) from renyuan where username='{$uid}'";
 
//調(diào)用封裝的函數(shù)
$attr =$db->Query($sql);
 
//判斷用戶名是否存在
if($attr[0][0]>0)
{
　　echo "NO"; //有重復(fù)的用戶名
}
else
{
　　echo "OK";  //沒有重復(fù)的用戶名
}
 
?>

div>賬號：input type="text" id="uid" />/div>
div>密碼：input type="password" id="pwd" />/div>
input type="button" value="登錄" id="btn" />

$("#btn").click(function(){
　　var uid=$("#uid").val(); //找到用戶
　　var pwd=$("#pwd").val(); //找到密碼
 
　　//調(diào)ajax方法，里面要用json格式
　　$.ajax({
  url:"denglucl.php", //登陸的處理頁面
  data:{uid:uid,pwd:pwd}, 
  type:"POST",
  dataType:"text",
  success: function(data)
  {
    if(data.trim()=="OK")
    {
      window.location.href="zhuce.php" rel="external nofollow" ; //用戶名密碼正確，進入一個頁面
    }
    else
    {
      alert("用戶名密碼輸入錯誤");
    }
  }
　　})
       
})

?php
include("DBDA.class.php");
$db = new DBDA();
 
$uid = $_POST["uid"];
$pwd = $_POST["pwd"];
 
$sql = "select mima from huiyuan where yonghu='{$uid}'";
$attr = $db->Query($sql);
 
if(!empty($pwd)  !empty($attr)  $attr[0][0]==$pwd) //密碼不為空，數(shù)組不為空，輸入密碼和查出的密碼是否相同
{
　　echo "OK";  
}
else
{
　　echo "ON";  
}

table width="100%" border="1" cellpadding="0" cellspacing="0">
　　tr>
    td>代號/td>
    td>名稱/td>
    td>價格/td>
    td>產(chǎn)地/td>
    td>庫存/td>
    td>操作/td>
　　/tr>
/table>

tbody id="bg">
　　//里面放遍歷的某個表中的數(shù)據(jù)內(nèi)容
/tbody>

$(document).ready(function(e) {
　　$.ajax({
  url:"xianshicl.php",  
  dataType:"TEXT",
  success: function(data){
    //處理頁面處理完成后執(zhí)行的
    　　 });

include("DBDA.class.php"); //調(diào)用封裝好的類：注意存在位置
$db = new DBDA(); //造新對象
   
$sql = "select * from fruit"; //寫sql語句
   
echo $db->StrQuery($sql);  //1.調(diào)用封裝好的拼接數(shù)組為字符串的方法
/* //2.
$attr = $db->Query($sql); //調(diào)用封裝類中的方法來執(zhí)行sql語句
$str = "";
foreach($attr as $v)
{
　　$str .= implode("^",$v)."|"; //拼接數(shù)組為字符串
}
       
echo substr($str,0,strlen($str)-1); //截取字符串：最后的拼接符不顯示br>*/

success: function(data){
　　var hang = data.split("|"); //拆分字符“|”串：顯示行
           
　　var str = "";
　　for(var i=0;ihang.length;i++)
　　{
  var lie = hang[i].split("^"); //拆分字符串“^”:顯示列
  str += "tr>td>"+lie[0]+"/td>td>"+lie[1]+"/td>td>"+lie[2]+"/td>td>"+lie[3]+"/td>td>"+lie[5]+"/td>td>操作/td>/tr>";  //顯示的行和單元格
　　}
           
　　$("#bg").html(str);
}