欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

AJAX的使用方法-創(chuàng)新互聯(lián)

創(chuàng)新互聯(lián)www.cdcxhl.cn八線動(dòng)態(tài)BGP香港云服務(wù)器提供商，新人活動(dòng)買(mǎi)多久送多久，劃算不套路！

成都創(chuàng)新互聯(lián)公司主要從事成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)上黨,十年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢(xún)建站服務(wù):13518219792

今天就跟大家聊聊有關(guān)AJAX的使用方法，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

ajax簡(jiǎn)介：

AJAX（Asynchronous Javascript And XML）翻譯成中文就是“異步的Javascript和XML”。即使用Javascript語(yǔ)言與服務(wù)器進(jìn)行異步交互，傳輸?shù)臄?shù)據(jù)為XML（當(dāng)然，傳輸?shù)臄?shù)據(jù)不只是XML）。

AJAX 不是新的編程語(yǔ)言，而是一種使用現(xiàn)有標(biāo)準(zhǔn)的新方法。

AJAX 大的優(yōu)點(diǎn)是在不重新加載整個(gè)頁(yè)面的情況下，可以與服務(wù)器交換數(shù)據(jù)并更新部分網(wǎng)頁(yè)內(nèi)容。（這一特點(diǎn)給用戶(hù)的感受是在不知不覺(jué)中完成請(qǐng)求和響應(yīng)過(guò)程）

AJAX 不需要任何瀏覽器插件，但需要用戶(hù)允許JavaScript在瀏覽器上執(zhí)行。

同步交互：客戶(hù)端發(fā)出一個(gè)請(qǐng)求后，需要等待服務(wù)器響應(yīng)結(jié)束后，才能發(fā)出第二個(gè)請(qǐng)求；

異步交互：客戶(hù)端發(fā)出一個(gè)請(qǐng)求后，無(wú)需等待服務(wù)器響應(yīng)結(jié)束，就可以發(fā)出第二個(gè)請(qǐng)求。

ajax的基本使用方法：

# 前端向后端請(qǐng)求方式：1 瀏覽器手動(dòng)輸入網(wǎng)址（get請(qǐng)求），2 a標(biāo)簽的href屬性（get請(qǐng)求），form表單（get/post請(qǐng)求，默認(rèn)為get）

# ajax特點(diǎn)：異步提交、局部刷新

# 基本使用語(yǔ)法：

　　提交url   （url：’...‘）

　　提交方式  （type: 'post')

　　提交數(shù)據(jù)  (data:{'''})

　　提交后通過(guò)回調(diào)函數(shù)得到的返回結(jié)果  (sucess:function(data){...})

# 基本使用示例：（ajax的默認(rèn)傳輸數(shù)據(jù)的格式是urlencoded）

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>圖書(shū)管理系統(tǒng)</title>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script src="/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <script src="/static/layui/layui.js"></script>
    <script src="https://cdn.bootcss.com/sweetalert/2.1.2/sweetalert.min.js"></script>
</head>
<body>
<button class="btn btn-success" id="b1">AJAX測(cè)試</button>
<script>
    {#綁定按鈕點(diǎn)擊觸發(fā)ajax提交數(shù)據(jù)#}
    $('#b1').on('click', function () {
        $.ajax({    {#固定語(yǔ)法格式#}
            url: '',  {#不寫(xiě)默認(rèn)朝當(dāng)前頁(yè)面發(fā)請(qǐng)求#}
            type: 'post',   {#請(qǐng)求方式#}
            data : {'name': 'sgt', 'pwd': '123'},    {#發(fā)送的請(qǐng)求數(shù)據(jù)#}
            {#這里的data就是回調(diào)函數(shù)success獲取到的后端響應(yīng)返回的數(shù)據(jù)#}
            success:function (data) {
                swal({
                    title: 'AJAX',
                    text: '模擬這里顯示了返回的數(shù)據(jù)',
                    icon: 'success',
                    button: 'OK',
                    })
            }
        })
    })
</script>
</body>
</html>

 我們知道ajax默認(rèn)的傳輸數(shù)據(jù)格式是urlencoded，前面我們說(shuō)過(guò)，ajax可以用json作為數(shù)據(jù)格式傳輸。

現(xiàn)在強(qiáng)調(diào)一點(diǎn)：前后端傳輸數(shù)據(jù)必須要求數(shù)據(jù)是什么格式就應(yīng)該用對(duì)應(yīng)的傳輸格式，一一對(duì)應(yīng)去傳輸，否則Django解析數(shù)據(jù)出問(wèn)題，以至于我們?cè)谇昂蠖四貌坏较胍臄?shù)據(jù)。

所以：

第一：我們需要在ajax發(fā)送請(qǐng)求代碼中指定發(fā)送數(shù)據(jù)格式：

contentType: 'application/json',

第二：后端獲取json格式數(shù)據(jù)不再是request.POST,而是通過(guò)request.body(得到的是一個(gè)bytes類(lèi)型的json格式數(shù)據(jù)），所以再處理一下：

res = json.loads(request.body.decode('utf-8')),這就得到前端ajax發(fā)送過(guò)來(lái)的json格式數(shù)據(jù)。

看完上述內(nèi)容，你們對(duì)AJAX的使用方法有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道，感謝大家的支持。

文章名稱(chēng)：AJAX的使用方法-創(chuàng)新互聯(lián)
文章來(lái)源：http://chinadenli.net/article46/pdihg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、網(wǎng)站改版、小程序開(kāi)發(fā)、網(wǎng)站設(shè)計(jì)、網(wǎng)站設(shè)計(jì)公司、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司