Ajax中的load()方法實(shí)現(xiàn)指定區(qū)域加載或刷新html與jsp

發(fā)布時(shí)間：2020-07-19 10:39:02 來源：網(wǎng)絡(luò) 閱讀：2938 作者：Red_Ant_hoyl 欄目：web開發(fā)

梳理知識(shí)方法的時(shí)候，筆者還是有數(shù)的，就不閑扯了。
一、Jquery中的Ajax
Jquery對(duì)Ajax操作進(jìn)行了封裝，在Jquery中:
最底層的是$.ajsx(),
第二層是load()、$.get()、$.post()
第三層是$.getJSON()
二、load()方法（能載入遠(yuǎn)程html、jsp代碼，插入到DOM中）
load()方法是Jquery中最簡(jiǎn)單和常用的Ajax方法，能載入遠(yuǎn)程的html。
它的結(jié)構(gòu)：
load(url,data,callback);
url:請(qǐng)求html、jsp頁面的url-String
data(可選):發(fā)送到服務(wù)器的key/value數(shù)據(jù)-Objext
callback(可選):請(qǐng)求完成是的回調(diào)函數(shù)，無論請(qǐng)求成功或失敗-function。
它的傳遞參數(shù)比較智能了：無發(fā)送服務(wù)器的參數(shù)，采用Get方式，否則是post的方式
三、貼出代碼：
<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <script type="text/javascript" src="js/jquery.js" ></script>
        <title>淺析Ajax的使用</title>
    </head>
    <body>
        <a onclick="load_other_html()">點(diǎn)我加載</a>
        <div id="20180825"><div>
    </body>
    <script>
        function load_other_html(){
            //使用load，加載遠(yuǎn)程html代碼至div中
            $("#20180825").load("20180825.html",function(data, textStatus,xmlRequest){
                /*function里面包含三個(gè)參數(shù):
                 * 1、返回請(qǐng)求的內(nèi)容data
                 * 2、請(qǐng)求返回的狀態(tài)：是否成功：success、error、notmodify、timeout
                 * 3、Xml請(qǐng)求對(duì)象
                 */
            })
        }
    </script>
</html>

在20180825.html中，簡(jiǎn)單定義一下：

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
        </head>
        <body>
            <h2>大家好，我是20180825.html頁面</h2>
        </body>
    </html>

Ajax中的load()方法實(shí)現(xiàn)指定區(qū)域加載或刷新html與jsp

向AI問一下細(xì)節(jié)

Ajax中的load()方法實(shí)現(xiàn)指定區(qū)域加載或刷新html與jsp

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽