Ajax 概念 分析 舉例

2022-08-05 11:51:07 字數 2336 閱讀 7324

ajax是結合了訪問資料庫,資料訪問,jquery 可以做頁面區域性重新整理或者說是頁面不重新整理,我可以讓頁面不重新整理,僅僅是資料的重新整理,沒有頻繁的刷頁面,是現在比較常用的一種方式做頁面

那麼它是怎麼實現頁面無重新整理的呢?接下來我們一起看下原理

先看下之前我們重新整理頁面的方式原理

再看下ajax的原理

ajax最大的特點就是這個頁面整體上全部使用的是js 指令碼語言或者是jquery都行,這倆都是前端的語言,執行的時候不需要到伺服器端執行,只要在瀏覽器下就可以執行,所以ajax就利用了這一點,使用jquery,js來操作前端頁面的資料。

比如說:做一個查詢,我需要先取出使用者給的資料,我js取出來,然後傳送到一個地方去,讓另外一個地方去處理,處理完後返回給我。然後js拿這個資料把內容替換掉,所以所有的工作都是拿js完成的

這種模式執行的時候就不會有頁面的重新整理,因為這個頁面沒有重新請求,這個頁面裡僅僅變的是資料

接下來我們看一下ajax怎麼來實現

舉例:判斷使用者名稱是否在資料庫裡面存在

一般ajax是用jquery來寫,首先我們先給uid這個文字框加一個事件blur(失去焦點觸發),接著取使用者名稱,從資料庫查,看是否能查到。取到使用者名稱後下一步我們就要查資料庫,js不能直接查,所以調ajax!!$.ajax()這是一個方法!!

調這個方法的時候需要傳一個引數,這個引數需要是json資料格式

json裡面用逗號分割,不是分號

第一個引數就是url代表的是把資料傳到哪個頁面處理,頁面的地址是什麼

第二個引數就是data代表的是我呼叫testchuli.php的時候我要傳遞什麼資料給它,要求也是一個json格式,花括號裡你傳幾條資料就寫幾個值,現在我們要傳一個

冒號前面的就是個名字,冒號後邊的會解析變數

第三個引數就是type代表的是傳值的方式

第四個引數就是datatype 注意 t 要大寫代表是返回資料的格式,

如果寫xml返回資料型別必須是xml,如果寫json返回資料型別必須是json

如果寫text返回資料必須是字串 都是大寫

第五個引數就是success代表的是成功,當處理頁面執行成功之後,必須跟個匿名函式

匿名函式裡面必須有個引數,這個方法有個名詞叫 **函式

接下來我們做一下處理頁面

<?php 

include("fzl.class.php");

$db = new

fzl();

$uid = $_post["u"];

$sql = "select count(*) from login where username=''";

$attr = $db->query($sql

);if($attr[0][0]>0)

else

再做一個登入的練習:

賬號:密碼:

再做一下處理頁面

<?php 

include("fzl.class.php");

$db = new

fzl();

$uid = $_post["u"];

$pwd = $_post["p"];

$sql = "select count(*) from login where username=''";

$attr = $db->query($sql

);if(!empty($pwd) && !empty($attr) && $attr[0][0]==$pwd

)else

需求分析的概念

需求分析的概念 前言 軟體開發的成功要素在於能夠充分了解需求,否則無論多麼好的系統設計或是多麼強的程式設計能力,都無法彌補因需求不夠明確對整...

Jquery ajax方法分析(二)

訪問 ws,而 web方法再是字串返回型別。這次通過 response 來響應請求。所處環境 net3 5 ,而webservice 不再新...

ThinkPHP 原始碼分析之常量 IS AJAX

define is ajax isset server http x requested with strtolower server http x requested with xmlhttprequest empty post c var ajax submit empty get c var ...