jQuery中Ajax的load方法详解

先来看一个Ajax例子

复制代码 代码如下:



   
   

test.jsp的内容：

复制代码 代码如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%out.println("Hello Ajax!");%>

下面来看下jQuery中的Ajax

1.load()

　　load()方法是jQuery中最为简单和常用的Ajax方法，能远程载入HTML代码并插入DOM中。

远程HTML代码：

复制代码 代码如下:



   
   



    张三:
   

沙发.

板凳.

地板.

load()载入HTML

复制代码 代码如下:



   
   
   
        * { margin:0; padding:0;}
        body { font-size:12px;}
        .comment { margin-top:10px; padding:10px; border:1px solid #ccc;background:#DDD;}
        .comment h6 { font-weight:700; font-size:14px;}
        .para { margin-top:5px; text-indent:2em;background:#DDD;}
   
   



已有评论

load()载入筛选后的HTML文档

复制代码 代码如下:



   
   
   
        * { margin:0; padding:0;}
        body { font-size:12px;}
        .comment { margin-top:10px; padding:10px; border:1px solid #ccc;background:#DDD;}
        .comment h6 { font-weight:700; font-size:14px;}
        .para { margin-top:5px; text-indent:2em;background:#DDD;}
   
   



已有评论

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

复制代码 代码如下:



   
   
   
        * { margin:0; padding:0;}
        body { font-size:12px;}
        .comment { margin-top:10px; padding:10px; border:1px solid #ccc;background:#DDD;}
        .comment h6 { font-weight:700; font-size:14px;}
        .para { margin-top:5px; text-indent:2em;background:#DDD;}
   
   



已有评论

END

以上就是本文的全部内容了，希望对大家能有所帮助。