溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

ajax基本案例

發(fā)布時(shí)間：2020-07-16 19:48:37 來(lái)源：網(wǎng)絡(luò) 閱讀：302 作者：蓋子gates 欄目：開(kāi)發(fā)技術(shù)

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

    <script type="text/javascript">

function $(id){

return document.getElementById(id);

}

var xmlhttp="";

function get_xmlhttp(){

xmlhttp=new XMLHttpRequest();

var url='/ajax/test.php';

var data='username='+$('name').value;

xmlhttp.open('post',url,true);//打開(kāi)請(qǐng)求

xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");

xmlhttp.onreadystatechange=callback;//指定回調(diào)函數(shù)

xmlhttp.send(data);//發(fā)送數(shù)據(jù),若get填null；若post，則填實(shí)際數(shù)據(jù)

}

function callback(){

if (xmlhttp.readyState==4 && xmlhttp.status==200){

var obj=xmlhttp.responseText;

obj=eval("("+obj+")");

document.getElementById('msg').value=obj.res;

}

}

    </script>

</head>

<body>


<div id="container">

<div id="body">

    <form action="#" method="post">

        username:<input type="text" id="name" onKeyUp="get_xmlhttp();"/>

        password:<input type="password" id="pwd"/>

         <input type="submit" value="確定" onClick="get_xmlhttp();"/>

         <input type="text" id="msg"/>

    </form>

    </div>


</body>

</html>


向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手