jquery ajax用法
阿新 • • 發佈:2019-02-20
load
•load() 方法是 jQuery 中最為簡單和常用的 Ajax 方法, 能載入遠端的 HTML 程式碼並插入到 DOM 中. 它的結構是: load(url[, data][,callback])
•
•程式設計師只需要使用 jQuery 選擇器為 HTML 片段指定目標位置, 然後將要載入的檔案的 url 做為引數傳遞給 load() 方法即可
•如果只需要載入目標 HTML 頁面內的某些元素, 則可以通過 load() 方法的 URL 引數來達到目的. 通過 URL 引數指定選擇符, 就可以方便的從載入過來的 HTML 文件中選出所需要的內容. load() 方法的 URL 引數的語法結構為 “
•傳遞方式: load() 方法的傳遞引數根據引數 data 來自動自定. 如果沒有引數傳遞, 採用 GET 方式傳遞, 否則採用 POST 方式
•對於必須在載入完才能繼續的操作, load() 方法提供了回撥函式, 該函式有三個引數: 代表請求返回內容的 data; 代表請求狀態的 textStatus 物件和 XMLHttpRequest 物件
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Title</title> </head> <script type="text/javascript" src="${pageContext.request.contextPath }/static/js/jquery-1.12.4.min.js"></script> <script type="text/javascript"> $(function(){ $("a").click(function(){ var url=this.href+"h2 a"; var args={"time":new Date()}; $("#detail").load(url,args); return false; }); }) </script> <body> <ul> <li><a href="andy.jsp">andy</a> </li> <li><a>nihao</a></li> </ul> <div id="detail"></div> </body> </html>