位置:首頁(yè) > 軟件操作教程 > 編程開(kāi)發(fā) > JavaScript > 問(wèn)題詳情

JavaScript 發(fā)送POST請(qǐng)求

提問(wèn)人:劉團(tuán)圓發(fā)布時(shí)間:2020-11-27

■知識(shí)點(diǎn)

    POST請(qǐng)求允許發(fā)送任意類(lèi)型、長(zhǎng)度的數(shù)據(jù),多用于表單提交,以send()方法進(jìn)行傳遞,而不以查詢字符串的方式進(jìn)行傳遞。POST字符串與GET字符串的格式相同,其語(yǔ)法格式如下:

send("namel=valuel&name2=value2…");

■實(shí)例設(shè)計(jì)

使用POST方法向服務(wù)器傳遞數(shù)據(jù)。

window.onload = function(){            //頁(yè)面初始化

    var b = document.getElementsByTagName("input")[0];

    b.onclick = function(){

        var url = "server.php"            //設(shè)置請(qǐng)求的地址

        var xhr = createXHR();            //實(shí)例化 XMLHttpRequest 對(duì)象

        xhr.open("POST",url, false);    //建立連接,要求同步響應(yīng)

        xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded'); //設(shè)罝為表單方式提交

        xhr. send ("callback=functionName"); //發(fā)送請(qǐng)求

        console, log (xhr. responseText);         //接收數(shù)據(jù)

    在open()方法中,設(shè)置第1個(gè)參數(shù)為POST,然后使用setRequestHeader()方法設(shè)置請(qǐng)求消息的內(nèi)容類(lèi)型為"application/x-www-form-urlencoded",它表示傳遞的是表單值,一般使用POST發(fā)送請(qǐng)求時(shí)都必須設(shè)置該選項(xiàng),否則服務(wù)器會(huì)無(wú)法識(shí)別傳遞過(guò)來(lái)的數(shù)據(jù)。

    在服務(wù)器端設(shè)計(jì)接收POST方式傳遞的數(shù)據(jù),并進(jìn)行響應(yīng)。

<?php

echo $_POST["callback"];

?>

繼續(xù)查找其他問(wèn)題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部