Explication détaillée de la méthode de chargement Ajax dans jQuery_jquery

Regardons d'abord un exemple Ajax

Copier le code Le code est le suivant :

Contenu de test.jsp :

Copier le code Le code est le suivant :

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%out.println("Bonjour Ajax !");%>

Jetons un coup d'oeil à Ajax dans jQuery

1.load()

La méthode load() est la méthode Ajax la plus simple et la plus couramment utilisée dans jQuery, qui peut charger à distance du code HTML et l'insérer dans le DOM.

Code HTML distant :

Copier le code Le code est le suivant :

Zhang San :

Canapé.

李思 :

Banc.

Wang Wu :

Étage.

load() charge le HTML

Copier le code Le code est le suivant :

Déjà commenté

load() charge le document HTML filtré

Copier le code Le code est le suivant :

   
   
   
   

已有评论

load()方法---回调函数

复制代码 代码如下 :

   
   
   
        * { 邊距：0;填入：0;}
        正文 { font-size:12px;}
        .comment { 邊距上方：10px;內邊距：10px；邊框：1px 實心#ccc；背景：#DDD；}
        .comment h6 { 字體粗細：700;字體大小：14px;}
        .para { 頂部邊距：5px;文字縮排：2em；背景：#DDD；}
    樣式>
    標題>
頭>

已有評論

身體>

    $(函數 () {
        $("#send").click(function () {
            $("#resText").load("test.html .para", function (responseText, textStatus, XMLHttpRequest) {
                警報($(this).html());
                alert(responseText);//要求回傳的內容物
                alert(textStatus);//請求狀態：成功、錯誤、未修改、逾時
                alert(XMLHttpRequest);//XMLHttpRequest物件
            });
        });
    })
    /**
     *
     * load()方法的回呼參數
     *
     * **/
腳本>

結束

以上就是本文的全部內容了，希望對大家能有所幫助。