奪命雷公狗jquery---52--jQuery裏的ajax的底層實現GET請求

時間 2019-11-30

標籤奪命雷公 jquery ajax 底層實現請求欄目 JQuery 简体版

原文原文鏈接

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="js/jquery.js"></script>
        <script>
            $(function(){
                $('#btnok').bind('click',function(){
                    //發送ajax請求
                    $.ajax({
                        type:'get',
                        url:'ajax1.php',
                        cache:false,
                        success:function(msg){
                            alert(msg);
                        }
                    });
                });
            });
        </script>
    </head>
    <body>
        <input type="button" id="btnok" value="OK" />
    </body>
</html>

php的示例代碼以下：php

<?php
    echo "hello jQ";

jQuery中的Ajax

一、jQuery中的Ajax分類

① Ajax的底層實現 ② Ajax的高級實現html

二、Ajax的底層實現

jQuery.ajax(options)或$.ajax(options)jquery

參數說明：ajax

options：要求參數是一個json對象，內容以下：json

async ：是否異步，默認爲true緩存

cache ：是否緩存，默認爲true異步

complete ：當Ajax狀態碼爲4時，所觸發的回調函數async

contentType ：設置請求頭函數

data ：發送Ajax請求時，所傳遞的參數，要求是一個字符串post

dataType ：期待的返回值類型，text,xml,json,jsonp，默認爲text

success ：當Ajax狀態碼爲4且響應狀態碼爲200時，所觸發的回調函數

type ：模擬http請求中的get或post方法

url ：請求的url地址

相關文章

相關標籤/搜索

請求的生命週期

ajax跨域請求

爬取get請求的頁面數據

Docker命令大全

紅包項目實戰

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<