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請求...