Ajax POST請求應用

post 請求過程中，都是採用請求體承載需要提交的資料。

// open 方法的第乙個引數的作用就是設定請求的 method

xhr.

open

('post'

,'./add.php'

)xhr.

setrequestheader

('content‐type',)

// 需要提交到服務端的資料可以通過 send 方法的引數傳遞// 格式：key1=value1&key2=value2 xhr.send('key1=value1&key2=value2') xhr.onreadystatechange = function ()

// 接收使用者提交的使用者名稱密碼if(

empty

($_post

['username'])

||empty

($_post

['password'])

)// 校驗

$username

=$_post

['username'];

$password

=$_post

['password'];

if($username

==='admin'

&&$password

==='123'

)exit

('使用者名稱或者密碼錯誤');

// 響應

<

!doctype html>
"en"
>
"utf-8"
>
ajax傳送post請求<
/title>
#loading 
#loading::after 
<
/style>
<
/head>
"loading"
>
<
/div>
"1">
使用者名稱<
/td>
"text" id=
"username"
>
<
/td>
<
/tr>
密碼<
/td>
"password" id=
"password"
>
<
/td>
<
/tr>
<
/td>
"btn"
>登入<
/button>
<
/td>
<
/tr>
<
/table>
// 找乙個合適的時機，做一件合適的事情
var btn = document.
getelementbyid
('btn'
)// 1. 獲取介面上的元素 value
var txtusername = document.
getelementbyid
('username'
)var txtpassword = document.
getelementbyid
('password'
)var loading = document.
getelementbyid
('loading'
) btn.onclick =
function()
&password=$`)
// 3. 根據服務端的反饋 作出介面提示
xhr.onreadystatechange =
function()
}<
/script>
<
/body>
<
/html>

ajax post 請求415 400 錯誤

今天用ajax 向後台傳送 post請求時，出現了兩個問題 在設定請求頭的時候，還知道了原來第乙個引數 content type 是不區分大小寫的，寫成 content type 也是可以的。當然，設定請求頭還要注意以下問題 1，它必須在open 方法之後，send 方法之前呼叫，否則會拋錯。2，如...

Ajax post請求跳轉頁面

最近因為公司需求，需要ajax post請求並跳轉介面，網上搜了一下資料，差不多都是用window.location.href來處理，xrxgd但是在請求頁面的位址列中會暴露請求的引數，這是不安全的。post url,function data 因此，只能想到了通過form表單來進行post提交。p...

Ajax POST和GET請求方式與區別

方法 描述open method,url,async 規定請求的型別 url以及是否非同步處理請求.send string 將請求傳送到伺服器.get請求方式 post請求方式 設定請求頭部資訊 xhr.setrequestheader content type 12get與post的區別get請求...