Ajax POST請求應用

2021-10-17 14:57:56 字數 2091 閱讀 6009

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