1.jQuery load() 方法

jQuery load() 方法是簡單但強大的 AJAX 方法。

load() 方法從服務器加載數據，并把返回的數據放入被選元素中。

語法：

$(selector).load(URL,data,callback);

必需的 URL 參數規定您希望加載的 URL。

可選的 data 參數規定與請求一同發送的查詢字符串鍵/值對集合。//這個就是往服務器傳數據的

可選的 callback 參數是 load() 方法完成后所執行的函數名稱。//

下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的內容，加載到指定的

元素中：

實例

$("#div1").load("demo_test.txt #p1");

2.jQuery get() 和 post() 方法用于通過 HTTP GET 或 POST請求從服務器請求數據。

首先要了解什么是 HTTP？

超文本傳輸協議(HTTP)的設計目的是保證客戶機與服務器之間的通信。

HTTP 的工作方式是客戶機與服務器之間的請求-應答協議。

Web 瀏覽器可能是客戶端，而計算機上的網絡應用程序也可能作為服務器端。

舉例：客戶端(瀏覽器)向服務器提交 HTTP請求；服務器向客戶端返回響應。響應包含關于請求的狀態信息以及可能被請求的內容。

還有get()和post()的區別

·? GET 請求可被緩存

·? GET 請求保留在瀏覽器歷史記錄中

·? GET 請求可被收藏為書簽

·? GET 請求不應在處理敏感數據時使用

·? GET 請求有長度限制

·? GET 請求只應當用于取回數據

·? POST 請求不會被緩存

·? POST 請求不會保留在瀏覽器歷史記錄中

·? POST 不能被收藏為書簽

·? POST 請求對數據長度沒有要求

GET

POST

后退按鈕/刷新

無害

數據會被重新提交(瀏覽器應該告知用戶數據會被重新提交)。

書簽

可收藏為書簽

不可收藏為書簽

緩存

能被緩存

不能緩存

編碼類型

application/x-www-form-urlencoded

application/x-www-form-urlencoded 或 multipart/form-data。為二進制數據使用多重編碼。

歷史

參數保留在瀏覽器歷史中。

參數不會保存在瀏覽器歷史中。

對數據長度的限制

是的。當發送數據時，GET 方法向 URL 添加數據；URL 的長度是受限制的(URL 的最大長度是 2048 個字符)。

無限制。

對數據類型的限制

只允許 ASCII 字符。

沒有限制。也允許二進制數據。

安全性

與 POST 相比，GET 的安全性較差，因為所發送的數據是 URL 的一部分。

在發送密碼或其他敏感信息時絕不要使用 GET ！

POST 比 GET 更安全，因為參數不會被保存在瀏覽器歷史或 web 服務器日志中。

可見性

數據在 URL 中對所有人都是可見的。

數據不會顯示在 URL 中。

例子get：

$(document).ready(function(){

$("button").click(function(){

$.get("/example/jquery/demo_test.asp",function(data,status){

alert("數據：" + data + "\n狀態：" + status);

});

});

});

response.write("This is some text from an external ASP file.")

%>

結果會出來：

"數據：This is some text from an external ASP file.??狀態：success

Post例子：

就用servlet吧。

第一個是MyServlet.Java

package com.fish;

import java.io.IOException;

import java.io.PrintWriter;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

public class MyServlet extends HttpServlet {

public void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

PrintWriter out = response.getWriter();

System.out.println(request.getParameter("name"));//這個等會從juqery里面獲取

System.out.println(request.getParameter("text"));

out.print("aa");

out.print("bb");

//

}

}

然后將1.9的js框架導入，

在jsp這么寫

String path = request.getContextPath();

String basePath = request.getScheme() +"://"

+ request.getServerName() +":" + request.getServerPort()

+ path + "/";

%>

">

My JSP 'MyJsp.jsp' starting page

//放入js框架

$(document).ready(function() {

$("p").click(function() {

$.post("servlet/MyServlet",?????????//這個是MyServlet的路徑

{

name:"你好",????????????????????????????????//第二個是以json格式的傳值，和上面servet的名相同，這樣就可以傳到服務器。

text:"我是千島飛魚"

},

function(data,status){???????????????????//從服務器讀的內容會在data里面。Status這個讀取的狀態

alert("Data: " + data +"\nStatus: " + status);

});

});

});

點擊我

所以結果在eclispe控制臺會顯示：你好我是千島飛魚。

在瀏覽器會彈出：Data:aabb???Status:sucess

觸碰jQuery：AJAX異步詳解

觸碰jQuery:AJAX異步詳解 傳送門:異步編程系列目錄…… 示例源碼:觸碰jQuery:AJAX異步詳解.rar AJAX?全稱?Asynchronous JavaScript and XML( ...

觸碰jQuery：AJAX異步詳解(轉)

AJAX?全稱?Asynchronous JavaScript and XML(異步的?JavaScript?和?XML).它并非一種新的技術,而是以下幾種原有技術的結合體. 1)???使用CSS和X ...

jQuery調用AJAX異步詳解[轉]

AJAX 全稱 Asynchronous JavaScript and XML(異步的 JavaScript 和 XML).它并非一種新的技術,而是以下幾種原有技術的結合體. 1)?? 使用CSS和X ...

jQuery中 $.ajax()方法詳解

$.ajax()方法詳解 jquery中的ajax方法參數總是記不住,這里記錄一下. 1.url: 要求為String類型的參數,(默認為當前頁地址)發送請求的地址. 2.type: 要求為Strin ...

Jquery使用ajax參數詳解

記錄一下 ?Jquery使用ajax(post.get及參數詳解) 1.get: $.ajax({ type: "GET", url: baseUrl + "Showco ...

jQuery的DOM操作詳解

DOM(Document Object Model-文檔對象模型):一種與瀏覽器, 平臺, 語言無關的規則, 使用該接口可以輕松地訪問頁面中所有的標準組件DOM操作的分類 核心-DOM: DOM Co ...

Jquery的AJAX應用詳解

案例一:取得服務端當前時間 簡單形式:jQuery對象.load(url),返回結果自動添加到jQuery對象代表的標簽中間

當前時間:

jQuery之$.ajax()方法詳解及實例

1.url: 要求為String類型的參數,(默認為當前頁地址)發送請求的地址. 2.type: 要求為String類型的參數,請求方式(post或get)默認為get.注意其他http請求方法,例如 ...

隨機推薦

javascript-觀察者模式

觀察者模式方法? ?1.稱之為消息機制或發布-訂閱者模式? ?2.定義了一種依賴關系解決了主體對象與觀察者之間功能的耦合 觀察者方法 //將觀察者放在閉包中,當頁面加載就立即執行 var Observ ...

表單驗證之validform.js使用方法

一.validform有什么用? 網頁上有大量的input需要你進行驗證的時候,如果是彈窗的話,需要不停地判斷,如果為空,彈窗.如果不是數字,彈窗. 所以要將這么多驗證交給一個js去驗證. 二.我現在 ...

Spark Standalone模式偽分布式環境搭建

前提:安裝好jdk1.7,hadoop 安裝步驟: 1.安裝scala 下載地址:http://www.scala-lang.org/download/ 配置環境變量: export SCALA_HO ...

Table of Contents - Apache Commons

Apache Commons 簡述 CLI Usage of CLI Option Properties Codec 常見的編碼解碼 Compress Configuration2 Quick sta ...

WCF 出現無法理解Soap Action問題？

在使用wcf部署到asp.net上時,遇到了,“無法理解soap Action 問題,”最簡單的解決辦法是更換NET framwork 高本版的框架. 不過不更換net framwork 框架,能否解 ...

深入理解Java虛擬機到底是什么

摘自:http://blog.csdn.net/zhangjg_blog/article/details/20380971 什么是Java虛擬機 我們都知道Java程序必須在虛擬機上運行.那么虛擬機到 ...

java I/O (一)

java 的I/O類基本上可以分為6大類:二進制的輸入,二進制的輸出,文本的輸入,文本的輸出,FILTER類和其他對文件操作的工具類. Java的I/O類主要在java.io的包里,其中兩個主要的流為 ...

Ubuntu：命令行下瀏覽網頁

前述 興起,試一下不用圖形化界面瀏覽 安裝w3m 直接進入root賬號 apt-get install w3m 檢驗是否成功 w3m www.baidu.com 就這樣成功的進入baidu了,純文本模 ...

Sql server—— for xml path簡單用法(可以按照分組把相同組的列中的不同的值，像字符串一樣拼接在一起顯示在分組之后的列中。)

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI8AAACWCAIAAABo2EyXAAAKeklEQVR4nO2dy27rNh7G+U7CFIrfZX

總結

以上是生活随笔為你收集整理的利用jquery操作ajax,利用jquery对ajax操作，详解原理（附代码）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。