av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

關于ajax異步訪問數據的問題

瀏覽:4日期:2022-06-12 11:24:49

在js中,處理數據固然很快,sososo就能完成所有的數據處理,我們似乎不需要使用異步傳輸數據

跨洋數據傳輸就出現了問題,一來2s過去了一回2s過去了,這對于訪問者來說,這就是卡

再者 我輸入了密碼 提示密碼錯誤 于是要重新輸入,返回了一個網頁 這時候輸入的數據就會被清空,非常讓人抓狂。

為了解決這個問題ajax孕育而生

Ajax全名Asynchronous JavaScript and XML 名為異步的JavaScript和XML

Ajax使用方式非常簡單

1.創建實例 xhttp = new XMLHttpRequest( )

2.發送文件 Xhttp.open("GET","地址","true/false")

3.定義在發送文件后所獲取的數據

xhttp.onreadystatechange = function(){}

在完全傳輸完成的時候

xhttp.readyState就會等于4
xhttp.status就會等于200
這個時候就能在
xhttp.responseText中獲取到數據
4.處理數據 
xhttp.responseText獲得的數據為字符串
要將其變為字典對象
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調用內涵段子</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>點擊獲取</button>
    <h1></h1>
<body>
</body>

</html>

到此這篇關于ajax異步訪問數據的文章就介紹到這了,更多相關ajax異步訪問數據內容請搜索以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持!

標簽: Ajax
主站蜘蛛池模板: 国产毛片av | 一区二区三区四区av | 久久九九99| 日本午夜一区二区三区 | 国产精品久久久久久久久久久久冷 | 国产精品色婷婷久久58 | 亚洲精品视频久久 | av色在线 | 久久精品国产亚洲a | 久热久热 | 亚洲欧美激情国产综合久久久 | av一级 | 日本欧美视频 | 国产成人在线免费 | 91精品久久久久久久久 | 天堂成人国产精品一区 | 欧美亚洲激情 | 蜜桃av人人夜夜澡人人爽 | 男人天堂99 | 日本在线视频中文字幕 | 午夜精品福利视频 | 久久久久成人精品 | 在线视频99| 99久久精品免费看国产四区 | 久久综合久久久 | 免费av一区二区三区 | 福利一区视频 | 亚洲成人综合网站 | 久久精品国产免费一区二区三区 | 日韩精品免费看 | 天天操夜夜操免费视频 | 日本在线免费看最新的电影 | 99视频入口 | 在线国产中文字幕 | 久久久精品日本 | 少妇一级淫片免费播放 | 国产精品99久久久久久www | 播放一级黄色片 | 拍拍无遮挡人做人爱视频免费观看 | 国产乱码精品1区2区3区 | 亚洲精品视频在线 |