AJAX傳送請求 GET方式

2021-08-20 01:26:38 字數 2101 閱讀 4578

首先我們看一下效果

當使用者名稱已經存在時

當使用者名稱不存在於資料庫裡,可以使用時

在使用者登入時,這是最常見的用法。接下來,我們看看**吧。

首先,咱們寫乙個簡單的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方 法來進...