導航:首頁 > 使用方法 > ajax使用方法

ajax使用方法

發布時間:2022-01-09 14:51:19

① AJAX非同步操作方法

AJAX即「Asynchronous JavaScript and XML」(非同步JavaScript和XML),AJAX並非縮寫詞,而是由Jesse James Gaiiett創造的名詞,是指一種創建互動式網頁應用的網頁開發技術。
在winform中可以用線程的方式來實現所謂的快速響應或者更改某塊區域的信息。
如果你是web網頁,請網路搜索Jquery Ajax,例子N多。

什麼是ajax方法

var url="zhuceAction!denglu.action";
$.ajax({
url:url,
type:"post",
data:{'user_pass':user_pass,
'user_number':user_number},
success:function(info){
if( info=="您輸入的賬號或密碼有誤!請重新輸入。"){

alert(info);
window.location.reload();

}
else{

window.navigate("index.jsp");
}
}
});

③ jquery ajax使用方法

JQUERY:
$.ajax({
type:'post',//可選get
url:'action.php',//這里是接收數據的PHP程序
data:'data='dsa'',//傳給PHP的數據,多個參數用&連接
dataType:'text',//伺服器返回的數據類型 可選XML ,Json jsonp script html text等
success:function(msg){
//這里是ajax提交成功後,PHP程序返回的數據處理函數。msg是返回的數據,數據類型在dataType參數里定義!
},
error:function(){
ajax提交失敗的處理函數!
}
})

PHP action.php
<?php
echo "this is a ajax example!";
?>

④ Jquery.ajax()使用方法

感覺像點擊一個菜單,調用ShowNodeContent顯示菜單內容

如何使用jquery提供的$ajax方法向後台傳對象集合

創建一個對象

varobj={};
obj.name='name';
obj.list=[1,2,3];

作為post參數發送請求

$.ajax({
url:'',
type:'post',
data:{
obj:obj
}
});

⑥ jquery中的ajax怎麼

運用ajax()方法,比其它如load()、get()、post()全局性函數它更多地關注實現過程中的細節;首先要了解其參數列表:
url: 要求為String類型的參數,(默認為當前頁地址)發送請求的地址。
type:要求為String類型的參數,請求方式(post或get)默認為get。注意其他http請求方法,例如put和delete也可以使用,但僅部分瀏覽器支持。
timeout: 要求為Number類型的參數,設置請求超時時間(毫秒)。此設置將覆蓋$.ajaxSetup()方法的全局設置。
async:要求為Boolean類型的參數,默認設置為true,所有請求均為非同步請求。如果需要發送同步請求,請將此選項設置為false。注意,同步請求將鎖住瀏覽器,用戶其他操作必須等待請求完成才可以執行。
cache:要求為Boolean類型的參數,默認為true(當dataType為script時,默認為false)。設置為false將不會從瀏覽器緩存中載入請求信息。
data: 要求為Object或String類型的參數,發送到伺服器的數據。如果已經不是字元串,將自動轉換為字元串格式。get請求中將附加在url後。防止這種自動轉換,可以查看processData選項。對象必須為key/value格式,例如{foo1:"bar1",foo2:"bar2"}轉換為&foo1=bar1&foo2=bar2。如果是數組,JQuery將自動為不同值對應同一個名稱。例如{foo:["bar1","bar2"]}轉換為&foo=bar1&foo=bar2。

⑦ ajax的open方法怎樣理解和使用

Ajax open
創建一個新的http請求,並指定此請求的方法、URL以及驗證信息
語法
oXMLHttpRequest.open(bstrMethod, bstrUrl, varAsync, bstrUser, bstrPassword);
參數
bstrMethod
http方法,例如:POST、GET、PUT及PROPFIND。大小寫不敏感。
bstrUrl
請求的URL地址,可以為絕對地址也可以為相對地址。
varAsync[可選]
布爾型,指定此請求是否為非同步方式,默認為true。如果為真,當狀態改變時會調用onreadystatechange屬性指定的回調函數。
bstrUser[可選]
如果伺服器需要驗證,此處指定用戶名,如果未指定,當伺服器需要驗證時,會彈出驗證窗口。
bstrPassword[可選]
驗證信息中的密碼部分,如果用戶名為空,則此值將被忽略。
Example
下面的例子演示從伺服器請求book.xml,並顯示其中的book欄位。
var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP.3.0");
xmlhttp.open("GET","http://localhost/books.xml", false);
xmlhttp.send();
var book = xmlhttp.responseXML.selectSingleNode("//book[@id=''bk101'']");
alert(book.xml);
備注
調用此方法後,可以調用send方法向伺服器發送數據。

⑧ 基本Ajax操作的幾個基本步驟

J avaScript的功能這么強~沒想到啊!!

AJAX 基本概念

Asynchronous Javascript and XML

一、典型流程

1、 客戶端觸發非同步操作

區別於B->S->B的同步提交模式,有等待時間,非同步式在客戶操作同時又AJAX引擎與伺服器交互,更加人性化和快捷

2、 創建新的XMLHttpRequest對象

AJAX技術的核心與伺服器交互的類

3、 與Server進行連接

通過send()方法實現

4、 伺服器端進行連接處理

必須的

5、 返回包含處理結果的XML文檔

其實未必是XML文檔,而是字元串TEXT

6、 XMLHttpRequest對象接收處理結果並分析

7、 更新頁面

二、原來的流程 browser --àserver --àbrowser 同步的編程模型, 有等待的時間

三 AJAX的流程

四、XMLHttpRequest 對象

1、屬性

readystate

0描述一種"未初始化"狀態;此時,已經創建一個XMLHttpRequest對象,但是還沒有初始化

1描述一種"發送"狀態;此時,代碼已經調用了XMLHttpRequest open()方法並且XMLHttpRequest已經准備好把一個請求發送到伺服器

2 描述一種"發送"狀態;此時,已經通過send()方法把一個請求發送到伺服器端,但是還沒有收到一個響應。

3 描述一種"正在接收"狀態;此時,已經接收到HTTP響應頭部信息,但是消息體部分還沒有完全接收結束。

4描述一種"已載入"狀態;此時,響應已經被完全接收

responseText 從AJAX引擎中拿出server返回的信息

status AJAX與sever交互成功沒有?狀態碼200表示成功

//-----AJAX BEGIN-----

var xmlHttp;

//定義變數用來裝XMLHttpRequest

function createXMLHttpRequest() {

if(window.XMLHttpRequest) {

xmlHttp = new XMLHttpRequest();

//NS FIREFOX 等的初始化XMLHttpRequest實例

} else if(window.ActiveXObject) {

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}

//MS的流浪器的初始化XMLHttpRequest實例

}

//瀏覽器大戰犧牲的產物,只有這樣才能具有壟斷地位,不過現在也在趨於標准化W3C出標准也是遲早的問題

function validate() {

//提供DOM模式的入口方法,在事件中調用JAVASCRIPT函數即可進入AJAX引擎

var vUserId = trim(document.getElementById("userId").value);

if(vUserId != "") {

createXMLHttpRequest();

//上面的那個方法~初始化XMLHttpRequest,狀態碼為0

var url = "user_validate.jsp?userId=" + vUserId + "×tamp=" + new Date().getTime();

//這里的URL里加入了時間戳,這樣就不會提交到同一個頁面,避免了IE緩存所產生的一些奇怪的問題,也不用清緩存了

xmlHttp.open("GET", url, true);

//准備提交給伺服器進行事務處理,狀態碼變成2,具體的食物處理可以再user_validate.jsp中經行,不過我覺得提交給SERVERLET更好 在JSP直接out.println("用戶已經存在,代碼=[" + userId + "]");就可以被捕獲我覺得挺奇怪的其實
}

xmlHttp.onreadystatechange=callback;

//當狀態碼代發生變化的時候調用後面的函數

xmlHttp.send(null);

//提交給伺服器進行處理

} else {

document.getElementById("resText").innerHTML = "";

}

}

function callback() {

//狀態碼改變時調用

if(xmlHttp.readyState == 4) {

//確定了變化的狀態,定位是伺服器處理完畢

if(xmlHttp.status == 200) {

//確定了處理的結果,是伺服器成功處理,不是404,500錯誤

var resTextSpan = document.getElementById("resText");

//DOM

if(trim(xmlHttp.responseText) != "") {

//獲得伺服器的響應結果,response以字元串的形式返回(TEXT)

resTextSpan.innerHTML = "<font color='red'>" + xmlHttp.responseText + "</font>";

//還是DOM

} else {

resTextSpan.innerHTML = "";

}

} else {

alert("請求失敗,錯誤碼=" + xmlHttp.status);

//返回錯誤信息

}

}

}

//-----AJAX END-----

AJAX引擎的一般步驟

a) 創建Ajax引擎對象XMLHttpReqest

creatXMLHttpRequest();

b) 調用open方法與Ajax引擎建立連接,並告訴Ajax引擎我們的請求方式為get,請求url及採用非同步方式

c) 告訴Ajax引擎處理完成後,如何把結果反饋給我們,我們通常指定一個方法句柄,那麼Ajax就會調用我們指定的方法,從而就可以得到Ajax引擎返回的數據(這種方式一般稱為回調機制)

onreadystatrchange()=function(...)

d) 最後調用send方法把我們步驟b和c設置的參數發送給Ajax引擎(也就是真正的交給Ajax引擎去處理)

實際過程

validate() {

createXMLHttpRequest();

xmlHttp.open("GET", url, true);

xmlHttp.onreadystatechange=function(...);

xmlHttp.send(null);

}

其中響應處理在FUNCTION

事務處理在URL
我寫的雖然有借鑒

⑨ 如何使用JQ中的Ajax

jQuery是一個輕量級js框架,使用方便快捷,更是封裝ajax處理方法,如$.load() $.get() $.post() 等
但最常用的方法還是$.ajax()$.ajax({ type: 'POST', async: false, //注意這里要求為Boolean類型的參數,false不能寫成'false'不然會被解析成true url: url , data: data , dataType:'json', cache:false, //同理 success: success , error:error, dataType: dataType});

⑩ AJAX是什麼如何在JavaScript中使用

JavaScript能流行,一個很重要的原因是AJAX技術的應用。在網頁中有很多的應用。舉兩個常見的AJAX應用的例子:
1、 在搜索中,我們輸入關鍵字時,網頁會實時展現搜索結果;這是用AJAX實現的。
2、 使用地圖時,地圖會根據用戶顯示的位置不停的更新。這也是通過AJAX實現。

那麼什麼是AJAX呢?
AJAX全稱為Asynchronous JavaScript And XML直譯就是非同步的JavaScript和XML(這里我們主要介紹下JavaScript中AJAX的應用)
通常當JavaScript向伺服器發送請求獲取數據時,伺服器會返回數據。在傳統沒有使用AJAX的網頁中,需要刷新頁面使其重新載入。而AJAX可以使網頁在不重新載入頁面的情況下對網頁的局部進行更新。(比如,當你要放大地圖的時候,你會不斷的向伺服器請求地圖當前位置的詳細信息,伺服器返回數據給你,這里我們並不需要重新載入整個頁面,不然用戶體驗就太差了。而是局部更新頁面。)

由於我不可能在這寫一個地圖這樣復雜的例子,而為了演示AJAX的使用,我借用了秒秒學的一個簡單示例:

// 簡單的AJAX舉例。

// 1: 創建請求變數
var myRequest;

// 瀏覽器的特徵檢查。
if (window.XMLHttpRequest) { //若支持,則是火狐、谷歌等瀏覽器。
myRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) { // 若不支持, 則是IE瀏覽器。
myRequest = new ActiveXObject("Microsoft.XMLHTTP");
}

// 2: 為請求添加事件處理代碼。
myRequest.onreadystatechange = function(){
console.log("匿名函數被調用!");
console.log(myRequest.readyState);
if (myRequest.readyState === 4) {
var p = document.createElement("p");
var t = document.createTextNode(myRequest.responseText);
p.appendChild(t);
document.getElementById("mainContent").appendChild(p);
}
};

// 3: 配置發送請求
myRequest.open('GET', 'simple.txt', true);
myRequest.send(null);

//....

使用AJAX主要分三部分,如示例中的
1、 創建請求的變數。
在script文件中,首先聲明XMLHttpRequest對象,這也是題主說的Ajax的核心。瀏覽器頁面能通過XMLHttpRequest對象和伺服器進行通訊。因為這個對象的創建因瀏覽器的不同而有區別。所以我們要用if語句判斷XMLHttpRequest是否存在。

2、 為請求添加事件處理代碼
創建好XMLHttpRequest對象後,就可以向伺服器發送請求了,不過我們首先處理伺服器響應的事件。當伺服器響應後會觸發myRequest對象的onreadystatechange事件。
在onreadystatechange事件中我們看到myRequest調用了readyState屬性,readyState有4個值表示目前響應所在的階段,各數值表示如下:
l 1:請求已經建立,但是還沒有發送(還沒有調用 send())。
l 2:請求已發送,正在處理中(通常現在可以從響應中獲取內容頭)。
l 3:請求在處理中;通常響應中已有部分數據可用了,但是伺服器還沒有完成響應的生成。
l 4:響應已完成;您可以獲取並使用伺服器的響應了。
我們一般只關心readyState的值為4的情況,表示響應已完成。

3、 配置發送請求
使用open方法配置請求。它有三個參數:
1、第一個參數表示用GET獲取伺服器中的數據。
2、第二個參數是一個伺服器地址,這里我們用本地的simple.txt代替,省去創建伺服器的麻煩。
3、第三個參數true表示請求是非同步的,即當請求發送後,JavaScript不會為了等待伺服器的響應而阻塞,它會繼續執行後續代碼。

配置好請求後,用send方法發送請求,這里給send傳遞的參數是null,若有其它參數需要發送,也可以傳遞給send方法。

這樣AJAX的簡單使用例子就說完了,以上示例來自教程網站秒秒學,希望對你有幫助。

閱讀全文

與ajax使用方法相關的資料

熱點內容
左手冰涼的治療方法 瀏覽:605
父母教育子女的最佳方法 瀏覽:546
正確發聲的方法視頻 瀏覽:975
治療心腦血管疾病方法 瀏覽:31
觀賞魚戰爭的原因和解決方法 瀏覽:599
自做生日蛋糕最簡單的方法家庭版 瀏覽:747
手汗蒸的最佳方法 瀏覽:475
點菜寶系統使用方法 瀏覽:622
檢驗絛蟲蟲卵常用的檢查方法 瀏覽:204
比例均勻的訓練方法 瀏覽:755
硅錳合金錳的分析方法 瀏覽:125
土豆做菜的最簡單方法 瀏覽:868
活性炭法檢測氡方法 瀏覽:887
如何提高數學成績的最佳方法小學 瀏覽:124
干鍋包菜製作方法怎麼樣燒才好吃 瀏覽:433
java如何根據傳入參數調方法 瀏覽:521
用什麼方法能緩解口舌乾燥 瀏覽:81
apollo計算方法 瀏覽:800
有肚子t恤下擺打結方法步驟 瀏覽:632
4歲幼兒口齒不清晰的治療方法 瀏覽:833