這篇文章將為大家詳細(xì)講解有關(guān)ajax數(shù)據(jù)處理的示例分析，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

蟠龍網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)公司！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站設(shè)計(jì)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)公司2013年開創(chuàng)至今到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)公司。

需要注意的是，調(diào)用的封裝的數(shù)據(jù)庫，和jQuery的保存地址

一、注冊

（1）寫文本框來進(jìn)行用戶名的驗(yàn)證

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

（2）用jQuery語句寫：用戶名存在不能使用，用戶名可以使用

$("#uid").blur(function(){
　　//取用戶名
　　var uid = $(this).val();
　　//查數(shù)據(jù)庫，調(diào)ajax
　　$.ajax({  //ajax方法中必須是json格式
  url: "zhucecl.php",  //處理頁面的地址
  data:{u:uid},  //這里是Json的格式:u是起的個(gè)名字，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);
    　　}
　　　　　　});     
})

（3）注冊的處理頁面：寫了很多遍的了，不再一句句解釋

<?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ù)的用戶名
}
 
?>

二、登錄

（1）寫文本框和登錄按鈕

<div>賬號(hào)：<input type="text" id="uid" /></div>
<div>密碼：<input type="password" id="pwd" /></div>
<input type="button" value="登錄" id="btn" />

（2）寫jQuery的語句　　

$("#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" ; //用戶名密碼正確，進(jìn)入一個(gè)頁面
    }
    else
    {
      alert("用戶名密碼輸入錯(cuò)誤");
    }
  }
　　})
       
})

（3）登陸的處理頁面：寫了很多遍的了，不再一句句解釋

<?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";  
}

　　

登錄成功 ：

三、ajax的數(shù)據(jù)處理

（1）先把名稱行顯示出來，正常編輯就可以，想顯示的內(nèi)容

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

（2）再寫個(gè)顯示內(nèi)容的表

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

（3）寫jQuery，頁面加載完成后再執(zhí)行

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

（4）編寫顯示數(shù)據(jù)處理頁面（兩種方法）

include("DBDA.class.php"); //調(diào)用封裝好的類：注意存在位置
$db = new DBDA(); //造新對(duì)象
   
$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>*/

（5）處理頁面結(jié)束后，在主頁面的ajax中的成功方法中寫入處理頁面結(jié)束后的語句

success: function(data){
　　var hang = data.split("|"); //拆分字符“|”串：顯示行
           
　　var str = "";
　　for(var i=0;i<hang.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);
}

這樣就顯示了：

關(guān)于“ajax數(shù)據(jù)處理的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

文章標(biāo)題：ajax數(shù)據(jù)處理的示例分析
URL地址：http://www.rwnh.cn/article28/ggddcp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、Google、網(wǎng)站導(dǎo)航、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)