首先我們看一下效果
當使用者名稱已經存在時在使用者登入時,這是最常見的用法。接下來,我們看看**吧。當使用者名稱不存在於資料庫裡,可以使用時
首先,咱們寫乙個簡單的php服務
**如下:
<?php
$db = ['tom', 'mary', 'john'];
//資料庫的查詢
$uname = $_request['uname'];
$exists = false;
foreach($db
as$n)
}if($exists)else
?>
這裡僅是乙個demo,用於舉例。接著,我們看html部分。html的**很簡單,就不說了,直接上**:
**如下:
使用者名稱:
type="text"
id="uname">
id="uname_ts">
span>
密碼名:
type="password"
id="pwd">
id="pwd_ts">
span>
驗證碼:
type="text">
提交button>
2.繫結監聽函式
xhr.onreadystatechange = function
()
3.建立請求
xhr.open("get","01.txt",true)
// xhr.open("請求方式","test1.txt",true);
// post:一般用於儲存或者修改伺服器資料,請求體重,理論上網速好的情況下不限制大小
// 第三個引數:boolean 預設為true,不寫也為true,表示非同步,false表示同步
4.傳送資料
xhr.send(null);
// xmlhttp.send(); 傳送資料
// 有資料的時候寫在send引數裡,沒有就不寫或者'null'
那ajax判斷使用者名稱就非常簡單易懂了**如下:
var uname = document.getelementbyid("uname");
uname.onblur = function
() // 如果不是為空,開始傳送ajax請求,開始驗證
}//checkname方法
function
checkname
(txt)else
if(txt === "0")else
}
以上就是ajax簡單的介紹。
原生ajax 傳送get和post請求篇
get 建立ajax物件 配置請求方式和請求位址 ajaxget.open get 小艾 傳送 ajaxget.send 監聽狀態和接受資料 ajaxget.onreadystatechange function post 建立ajax物件 配置請求方式和請求位址 ajaxpost.open pos...
傳送Ajax請求
get請求傳送資料量較小,不能大於2kb,引數追加在url後面,看的到明碼的請求引數值。post請求傳送資料量大小不受限制,請求通過http post機制 將請求引數放在html header中傳輸,看不到明碼的請求引數值。步驟一 建立非同步物件 步驟二 設定請求的url引數,引數一是請求的型別,引...
ajax傳送請求
jquery中.ge t 提 交和 get 提交和 get 提交和.post 提交有區別嗎?相同點 都是非同步請求的方式來獲取服務端的資料 異同點 1 請求方式不同 ge t 方 法使用g et方法 來進行異 步請求的 get 方法使用get方法來進行非同步請求的。get 方法使用 get方 法來進...