jQuery中得load()方法

Author: 劉老師(Aaron Lau) 武漢長樂教育,武漢PHP培訓課程,版權所有,轉載請注明!

jQuery中得load()方法

本課程主要內容概要

  1. load()方法有什么用?
  2. load()方法的格式
  3. load()方法的示范
  4. GET還是POST?

1. load()方法有什么用?

load()方法是jQuery中最簡單和常用的Ajax方法,它能載入遠程HTML代碼并插入到DOM中.

2. load()方法的格式

load(url [, data] [, callback])
參數名稱 類型 說明
url String 請求HTML頁面的URL地址
data(可選) Object 發送至服務器的key/value數據
callback(可選) Function 回調函數,無論請求成功或失敗

3. load()方法的示范

<html>
    <head>
        <title></title>
        <meta charset="utf-8" />
    </head>
    <body>
        <div class="result"></div>
        <button>點我</button>
        <script src="jquery-2.1.1.min.js"></script>
        <script>
            $(function(){
                var i = 0;
                $("button").click(function(){
                    $(".result").load("index.php", {info:i});
                    i++;
                });
            });
        </script>
    </body>
</html>
<?php
echo $_POST["info"];

4. GET還是POST?

在調用load()方法時,如果沒有參數,則是用GET方式,如果有參數,則使用POST方式.

上一篇課程 下一篇課程

學生登錄