溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

怎么用Ajax完成GET請求

發(fā)布時間:2021-06-11 09:50:43 來源:億速云 閱讀:146 作者:小新 欄目:編程語言

這篇文章主要介紹了怎么用Ajax完成GET請求,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

什么是Ajax?

語Ajax用來描述一組技術,它使瀏覽器可以為用戶提供更為自然的瀏覽體驗。在Ajax之前,Web站點強制用戶進入提交/等待/重新顯示范例,用戶的動作總是與服務器的“思考時間”同步。Ajax提供與服務器異步通信的能力,從而使用戶從請求/響應的循環(huán)中解脫出來。借助于Ajax,可以在用戶單擊按鈕時,使用JavaScript和DHTML立即更新UI,并向服務器發(fā)出異步請求,以執(zhí)行更新或查詢數(shù)據(jù)庫。當請求返回時,就可以使用JavaScript和CSS來相應地更新UI,而不是刷新整個頁面。最重要的是,用戶甚至不知道瀏覽器正在與服務器通信: Web站點看起來是即時響應的。

Ajax包含:

* 基于XHTML和CSS標準的表示;
* 使用Document Object Model進行動態(tài)顯示和交互;
* 使用XMLHttpRequest與服務器進行異步通信;
* 使用JavaScript綁定一切。

Ajax的工作原理:
Ajax的核心是JavaScript對象XmlHttpRequest。該對象在Internet Explorer 5中首次引入,它是一種支持異步請求的技術。簡而言之,XmlHttpRequest使您可以使用JavaScript向服務器提出請求并處理響應,而不阻塞用戶。

我們?nèi)绾斡肁jax完成GET請求:

首先,我們需要創(chuàng)建Ajax對象,然后,我們需要創(chuàng)建請求事件的回調,這一部分主要是完成兩份工作,第一是從服務端獲取響應的數(shù)據(jù),第二部分是,在當前頁面執(zhí)行DOM操作,而這些DOM操作無非就是HTML中的一些增刪改查的操作,第三就是,調用Ajax中的open方法創(chuàng)建URL的請求,最后就是用戶的URL請求發(fā)送到用戶端,而完成get請求的url地址有兩種格式:第一:當前請求的腳本是沒有參數(shù)的,比如說,cheak.php,因此這個腳本不需要查詢參數(shù);第二種是需要參數(shù)的,在當前腳本插入一個問號,然后輸入字符串就可以;其實在實際開發(fā)中我們更過的使用的是JSON格式的數(shù)據(jù),但是我們獲取數(shù)據(jù)本質上任然是一個字符串,準確的說是JSON格式的字符串,

我們首先創(chuàng)建一個HTML文件,我們以一個用戶的登錄表單為例:命名為login,我們用get方式提交,我們在表單中創(chuàng)建兩個字段,一是:賬號;二是:密碼,隨后我們再添加一個提交按鈕,

<!DOCTYPE html>
<htmL>
<head>
    <meta charset="UTF-8">
    <title>用戶登錄</title>
</head>
<body>
       <div align=" cent'>
<h4>用戶登錄</h4>
<form action="check.php" method="get">
<p>帳號: <input type="text" name="name" id="name"></p>
<p>密碼: <input type=" password" name=" password" id=" password"></p>
<p><input type=" submit" id=" submit" value=" 提交"></p>
</form>
</div>
</body>
</html>

代碼結果如下所示;

怎么用Ajax完成GET請求

我們接下來寫一下腳本,首先我們獲取一下提交按鈕,緊接著我們添加一個提交事件,代碼如下:

<script>
Var submit = document . getElementByIdC' submit'); //獲取提交按鈕
submit. onclick = function  {
}
</script>

然后,我們建立一個PHP文件(check.php)在此文件中我們接受從表單傳送過來的數(shù)據(jù),我們以get方式提交,提交的目標腳本是(check.php)

代碼如下:

<?php
echo '<pre>';
print_r($_GET);

怎么用Ajax完成GET請求

怎么用Ajax完成GET請求

感謝你能夠認真閱讀完這篇文章,希望小編分享的“怎么用Ajax完成GET請求”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業(yè)資訊頻道,更多相關知識等著你來學習!

向AI問一下細節(jié)

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

AI