javascript jQuery $.post $.ajax用法
更新時間:2008年07月09日 19:05:39 作者:
這是一個簡單的 POST 請求功能以取代復雜 $.ajax 。請求成功時可調(diào)用回調(diào)函數(shù)。如果需要在出錯時執(zhí)行函數(shù),請使用 $.ajax。
jQuery.post( url, [data], [callback], [type] ) :使用POST方式來進行異步請求
參數(shù):
url (String) : 發(fā)送請求的URL地址.
data (Map) : (可選) 要發(fā)送給服務器的數(shù)據(jù),以 Key/value 的鍵值對形式表示。
callback (Function) : (可選) 載入成功時回調(diào)函數(shù)(只有當Response的返回狀態(tài)是success才是調(diào)用該方法)。
type (String) : (可選)官方的說明是:Type of data to be sent。其實應該為客戶端請求的類型(JSON,XML,等等)
這是一個簡單的 POST 請求功能以取代復雜 $.ajax 。請求成功時可調(diào)用回調(diào)函數(shù)。如果需要在出錯時執(zhí)行函數(shù),請使用 $.ajax。示例代碼:
Ajax.aspx:
Response.ContentType = "application/json";Response.Write("{result: '" + Request["Name"] + ",你好!(這消息來自服務器)'}");jQuery 代碼:
$.post("Ajax.aspx", { Action: "post", Name: "lulu" }, function (data, textStatus){ // data 可以是 xmlDoc, jsonObj, html, text, 等等. //this; // 這個Ajax請求的選項配置信息,請參考jQuery.get()說到的this alert(data.result); }, "json");點擊提交:
這里設置了請求的格式為"json":
$.ajax()這個是jQuery 的底層 AJAX 實現(xiàn)。簡單易用的高層實現(xiàn)見 $.get, $.post 等。
這里有幾個Ajax事件參數(shù):beforeSend ,success ,complete ,error 。我們可以定義這些事件來很好的處理我們的每一次的Ajax請求。
$.ajax({url: 'stat.php',
type: 'POST',
data:{Name:"keyun"},
dataType: 'html',
timeout: 1000,
error: function(){alert('Error loading PHP document');},
success: function(result){alert(result);}
});
參數(shù):
url (String) : 發(fā)送請求的URL地址.
data (Map) : (可選) 要發(fā)送給服務器的數(shù)據(jù),以 Key/value 的鍵值對形式表示。
callback (Function) : (可選) 載入成功時回調(diào)函數(shù)(只有當Response的返回狀態(tài)是success才是調(diào)用該方法)。
type (String) : (可選)官方的說明是:Type of data to be sent。其實應該為客戶端請求的類型(JSON,XML,等等)
這是一個簡單的 POST 請求功能以取代復雜 $.ajax 。請求成功時可調(diào)用回調(diào)函數(shù)。如果需要在出錯時執(zhí)行函數(shù),請使用 $.ajax。示例代碼:
Ajax.aspx:
Response.ContentType = "application/json";Response.Write("{result: '" + Request["Name"] + ",你好!(這消息來自服務器)'}");jQuery 代碼:
$.post("Ajax.aspx", { Action: "post", Name: "lulu" }, function (data, textStatus){ // data 可以是 xmlDoc, jsonObj, html, text, 等等. //this; // 這個Ajax請求的選項配置信息,請參考jQuery.get()說到的this alert(data.result); }, "json");點擊提交:
這里設置了請求的格式為"json":
$.ajax()這個是jQuery 的底層 AJAX 實現(xiàn)。簡單易用的高層實現(xiàn)見 $.get, $.post 等。
這里有幾個Ajax事件參數(shù):beforeSend ,success ,complete ,error 。我們可以定義這些事件來很好的處理我們的每一次的Ajax請求。
$.ajax({url: 'stat.php',
type: 'POST',
data:{Name:"keyun"},
dataType: 'html',
timeout: 1000,
error: function(){alert('Error loading PHP document');},
success: function(result){alert(result);}
});
您可能感興趣的文章:
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法總結(jié)
- JQuery處理json與ajax返回JSON實例代碼
- $.ajax json數(shù)據(jù)傳遞方法
- jquery的ajax異步請求接收返回json數(shù)據(jù)實例
- jQuery Ajax異步處理Json數(shù)據(jù)詳解
- 淺析ajax請求json數(shù)據(jù)并用js解析(示例分析)
- node.js+Ajax實現(xiàn)獲取HTTP服務器返回數(shù)據(jù)
- jQuery中使用Ajax獲取JSON格式數(shù)據(jù)示例代碼
- 原生js實現(xiàn)ajax方法(超簡單)
- jquery的ajax和getJson跨域獲取json數(shù)據(jù)的實現(xiàn)方法
- 一個簡單的jQuery插件ajaxfileupload.js實現(xiàn)ajax上傳文件例子
- PHP+Mysql+Ajax+JS實現(xiàn)省市區(qū)三級聯(lián)動
- jquery序列化form表單使用ajax提交后處理返回的json數(shù)據(jù)
- jsp中利用jquery+ajax在前后臺之間傳遞json格式參數(shù)
- javascript實現(xiàn)原生ajax的幾種方法介紹
- jquery用ajax方式從后臺獲取json數(shù)據(jù)后如何將內(nèi)容填充到下拉列表
- 跨域請求之jQuery的ajax jsonp的使用解惑
- 分享5個頂級的JavaScript Ajax組件庫
相關文章
jquery post方式傳遞多個參數(shù)值后臺以數(shù)組的方式進行接收
在用jquery的post方式傳遞多個值時,在后臺頁面可以用數(shù)組形式接收,很不錯吧,可以接收多個值啊,接下來介紹實現(xiàn)方法,感興趣的朋友可以了解下哦2013-01-01
Enter回車切換輸入焦點實現(xiàn)思路與代碼兼容各大瀏覽器
這篇文章主要介紹了Enter回車切換輸入焦點實現(xiàn)思路與代碼并兼容各大瀏覽器,需要的朋友可以參考下2014-09-09
jquery 實現(xiàn)的改變顏色與背景的代碼 change(fontsize,background)補充2
change事件會在元素失去焦點的時候觸發(fā),也會當其值在獲得焦點后改變時觸發(fā)。2010-05-05
通過點擊jqgrid表格彈出需要的表格數(shù)據(jù)
在眾多的表格插件中,jqgrid的特點是非常鮮明的,所以jqgrid表格插件用處非常廣泛,本篇文章給大家介紹通過點擊jqgrid表格彈出需要的表格數(shù)據(jù),需要的朋友參考下2015-12-12
實例解析jQuery中如何取消后續(xù)執(zhí)行內(nèi)容
本文主要介紹了jQuery中取消后續(xù)執(zhí)行內(nèi)容的實例,代碼通俗易懂。需要的朋友來看下吧2016-12-12
jquery 重寫 ajax提交并判斷權限后 使用load方法報錯解決方法
這篇文章主要介紹了jquery 重寫 ajax提交并判斷權限后 使用load方法報錯解決方法 的相關資料,需要的朋友可以參考下2016-01-01

