利用ajax非同步post方式校驗驗證碼

2021-07-08 11:23:58 字數 726 閱讀 4024

利用ajax非同步post方式校驗驗證碼

step1,獲得ajax物件

比如:var xhr = getxhr();

step2,傳送post請求

xhr.open('post','check_username.do',true);

//因為按照http協議的要求,傳送post請求時,應該傳送乙個content-type訊息頭。

//而ajax物件預設情況下不會傳送這個訊息頭,所以,需要呼叫setrequestheader方法來新增。

xhr.onreadystatechange = f1;

//請求引數要寫在send方法裡

xhr.send('username=zs&age=12');

step3,編寫伺服器端的處理程式

跟以前相比,有一點點改變,就是一般不需要返回乙個完整的頁面,只需要返回部分資料。

step4,編寫事件處理函式

function f1()}

示例**:

//post請求方式

function check_username_post()else}};

$('check_msg').innerhtml = '正在驗證';

xhr.send("username="+$v('userrname'));

}

其他細節及**見:

利用ajax非同步校驗驗證碼

利用FormData物件實現ajax非同步上傳檔案

function else error function data 配置檔案解析器 multipartresolver class org.springframework.web.multipart.commons.commonsmultipartresolver maxuploadsize val...

怎麼使用AJAX的GET和POST非同步請求

1.建立xmlhttprequest物件 確認xmlhttprequest物件建立成功 2.註冊 函式 3.初始化xmlhttprequest物件,設定連線資訊 第乙個引數表示http的請求方式,分為get和post兩種,get方式請求的引數在url中 第二個引數表示請求的url位址,該位址會被解析...

利用Ajax的非同步實現多指令碼共用

小弟第一次寫文章,希望各位大神不要噴。有什麼不對的地方,希望大家能提出來,共同進步 舉例說明 html input1 input2 input3 php header content type text html charset utf 8 a int get text sleep a echo g...