ajax通过什么实现,ajax(通过jQuery实现)
使用jQuery實現ajax相對來說方便一點，看w3cschool有幾種實現的方法，我就總結一下自己以后會用到的幾種方法
$.ajax方法：
$.ajax方法里面有很多個參數可以使用，但我這里就寫自己常用的幾個參數：
1.url:
要求為String類型的參數，(默認為當前頁地址)發送請求的地址。
2.timeout:
要求為Number類型的參數，設置請求超時時間(毫秒)。此設置將覆蓋$.ajaxSetup()方法的全局設置。
3.data:
發送服務器附加的請求數據，get請求中將這些請求附加到url后面，對象必須為key/value格式，例如{foo1:"bar1",foo2:"bar2"}轉換為&foo1=bar1&foo2=bar2。如果是數組，JQuery將自動為不同值對應同一個名稱。例如{foo:["bar1","bar2"]}轉換為&foo=bar1&foo=bar2。
4.dataType:
指定返回數據類型，可用xml，html，script,json,jsonp,text;
5.success:
要求為Function類型的參數，請求成功后調用的回調函數，有兩個參數。
(1)由服務器返回，并根據dataType參數進行處理后的數據。
(2)描述狀態的字符串。
function(data, textStatus){
//data可能是xmlDoc、jsonObj、html、text等等
this;? //調用本次ajax請求時傳遞的options參數
}
6.error
要求為Function類型的參數，請求失敗時被調用的函數。該函數有3個參數，即XMLHttpRequest對象、錯誤信息、捕獲的錯誤對象(可選)。ajax事件函數如下：
function(XMLHttpRequest, textStatus, errorThrown){
//通常情況下textStatus和errorThrown只有其中一個包含信息
this;?? //調用本次ajax請求時傳遞的options參數
}
這里寫一個實例
$(document).ready(function(){
$.ajax({
url:'test_server.php',
data:{mes:$('#sb').val()},
type:'POST',
dataType:'json',
success:function(data){
$.each(data,function(key,value){
alert(value);
});
}
});
});
其實jQuery還封裝了很多ajax的方法，我還用過$.get,$.post，比$.ajax更簡單，但可選參數變少了，w3cschool已經寫得很好了。貼個參數。。
jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)
參數
描述
url
必需。規定把請求發送到哪個 URL。
data
可選。映射或字符串值。規定連同請求發送到服務器的數據。
success(data, textStatus, jqXHR)
可選。請求成功時執行的回調函數。
dataType
可選。規定預期的服務器響應的數據類型。
默認執行智能判斷(xml、json、script 或 html)。
我就自己貼兩個例子
$(document).ready(function(){
$('#sb').keyup(function(){
$.get('test_server.php',{mes:$('#sb').val()},function(data){
$('#sbb').val(data);
});
});
});
$(document).ready(function(){
$('#sb').keyup(function(){
$.post('test_server.php',{mes:$('#sb').val()},function(data){
$('#sbb').val(data);
});
});
});
AJAX和jQuery Ajax總結
AJAX全稱為“Asynchronous JavaScript And XML”(異步JavaScript和XML),是指一種創建交互式網頁應用,改善用戶體驗,實現無刷新效果的技術. 使用AJAX的優 ...
JavaScript、Ajax與jQuery的關系
簡單總結: 1.JS是一門前端語言. 2.Ajax是一門技術,它提供了異步更新的機制,使用客戶端與服務器間交換數據而非整個頁面文檔,實現頁面的局部更新. 3.jQuery是一個框架,它對JS進行了封裝 ...
MVC3+EF5.0 code first+Flexigrid+ajax請求+jquery dialog 增刪改查
MVC3+EF5.0 code first+Flexigrid+ajax請求+jquery dialog 增刪改查 本文的目的: ? 1.MVC3項目簡單配置EF code first生成并初始化數據 ...
第四章 Ajax與jQuery
第四章?? Ajax與jQuery 一.Ajax簡介 在傳統的Web應用中,每次請求服務器都會生成新的頁面,用戶在提交請求后,總是要等待服務器的響應.如果前一個請求沒有響應,則后一個請求就不能發送,在 ...
Ajax 與 jquery
jquery 里面的ajax用法: $.ajax({ 參數設置: 如果返回數據不是json的時候,記得轉化為json . var data = json.parse(data); json 可以直接點 ...
框架----Django之Ajax全套實例(原生AJAX，jQuery Ajax，“偽”AJAX，JSONP，CORS)
一.原生AJAX,jQuery Ajax,“偽”AJAX,JSONP 1. 瀏覽器訪問 http://127.0.0.1:8000/index/ http://127.0.0.1:8000/fake_ ...
AJAX，jQuery Ajax和Deferred
AJAX全稱為“Asynchronous JavaScript And XML”(異步JavaScript和XML),是指一種創建交互式網頁應用,改善用戶體驗,實現無刷新效果的技術. 使用AJAX的優 ...
ajax的jquery寫法和原生寫法
一.ajax的簡介 Ajax被認為是(Asynchronous(異步) JavaScript And Xml的縮寫).現在,允許瀏覽器與服務器通信而無須刷新當前頁面的技術都被叫做Ajax. 同步是指: ...
Ajax json jquery實現菜單案例
需求: 運用AJAX請求文件menu.json,配置菜單欄,并實現以下功能點: 1. 點擊向左箭頭,菜單向左移動,隱藏 2. 點擊向右箭頭,菜單向右移動,顯示3. 點擊一級菜單,被點擊菜單的子菜單顯示 ...
隨機推薦
CSS盒子模型學習記錄1
http://www.blueidea.com/tech/web/2007/4545.asp 代碼試驗: html代碼: /p>
hdu 3172 Virtual Friends (映射并查集)
Virtual Friends Time Limit: 4000/2000 MS (Java/Others)????Memory Limit: 32768/32768 K (Java/Others)T ...
Sql Server 2008 卸載重新安裝失敗的解決辦法！(多次償試，方法均有效！)
Sql Server 2008 卸載重新安裝失敗的解決辦法!(多次償試,方法均有效!) 1.控制面板中卸載所有帶sql server的程序. 2.在C盤C:\Program Files中sqlserv ...
editplus和ultraedit(UE)的使用
本來呢我是沒有打算寫關于editplus和ue的文章的,但是最近我花了12K買了一臺電腦,在折騰電腦的時候就重新設置了好多經常用到的工具,以前我使用比較多的是editplus,但是使用這個editpl ...
select2插件 多選框動態初始化值
轉自https://blog.csdn.net/yiyiwyf/article/details/53521980 上一篇講了select2的多選和大標題設置. 這周做到了修改的功能,需要將舊數據的選項 ...
JavaSE回顧及鞏固的自學之路(四)——————方法和數組，面向對象
今天是2018.03.31,emmmmmm.好像距離上一次寫Javase回顧總結已經好久好久過去,差一點就以為要停更了,哈哈哈.? ??? ? 其實呢,最近是真的好忙(額,這段時間覺得自己一直在學習) ...
3.2 C++繼承方式
參考:?http://www.weixueyuan.net/view/6359.html ?總結: 子類繼承父類,繼承方式將限制父類的成員屬性在子類中的訪問權限,子類訪問父類的成員,也需要遵循其成員的 ...
MVC 中Simditor上傳本地圖片
1.引用樣式和js文件
JSTL fn:split()函數
jstl fn:split()函數代碼和用法 -使用fn:split() 函數將一個字符串到一個數組根據分隔符字符串的子字符串. 使用fn:split()?函數將一個字符串到一個數組根據分隔符字符串的 ...
總結
以上是生活随笔為你收集整理的ajax通过什么实现,ajax(通过jQuery实现)的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： java 视频 缩略图_如何使用java
- 下一篇： osm 搭建离线地图_使用离线OSM离线