關(guān)于ajax異步訪問數(shù)據(jù)的問題
在js中，處理數(shù)據(jù)固然很快，sososo就能完成所有的數(shù)據(jù)處理，我們似乎不需要使用異步傳輸數(shù)據(jù)
跨洋數(shù)據(jù)傳輸就出現(xiàn)了問題，一來2s過去了一回2s過去了，這對于訪問者來說，這就是卡
再者 我輸入了密碼 提示密碼錯誤 于是要重新輸入，返回了一個網(wǎng)頁 這時候輸入的數(shù)據(jù)就會被清空，非常讓人抓狂。
為了解決這個問題ajax孕育而生
ajax全名asynchronous javascript and xml 名為異步的javascript和xml
ajax使用方式非常簡單
1.創(chuàng)建實例 xhttp = new xmlhttprequest( )
2.發(fā)送文件 xhttp.open("get","地址","true/false")
3.定義在發(fā)送文件后所獲取的數(shù)據(jù)
xhttp.onreadystatechange = function(){}
在完全傳輸完成的時候
xhttp.readystate就會等于4
xhttp.status就會等于200
這個時候就能在
xhttp.responsetext中獲取到數(shù)據(jù)
4.處理數(shù)據(jù)
xhttp.responsetext獲得的數(shù)據(jù)為字符串
要將其變?yōu)樽值鋵ο?br />
json.parse(xhttp.responsetext)
<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>ajax調(diào)用內(nèi)涵段子</title>
<style>
video{
background-color: aquamarine;
}
</style>
<script src="../jquery-3.6.0.js"></script>
<script>
$(document).ready(function () {
xhttp = new xmlhttprequest();
https = "https://api.apiopen.top/getjoke?page=1&count=2&type=video";
xhttp.onreadystatechange = function(){
if(xhttp.readystate==4&&xhttp.status==200){
$("h1").html(json.parse(xhttp.responsetext).result[0].text);
}
else{
}
}
$("button").click(function(){
xhttp.open("get",https,true);
xhttp.send();
})
});
</script>
</head>
<button>點(diǎn)擊獲取</button>
<h1></h1>
<body>
</body>
</html>
到此這篇關(guān)于ajax異步訪問數(shù)據(jù)的文章就介紹到這了,更多相關(guān)ajax異步訪問數(shù)據(jù)內(nèi)容請搜索碩編程以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持碩編程！
學(xué)習(xí)AJAX