主頁 > 知識庫 > jquery中AJAX請求 $.post方法的使用

jquery中AJAX請求 $.post方法的使用

熱門標(biāo)簽:老虎郵局地圖標(biāo)注點(diǎn) 百靈鳥 目標(biāo)三維地圖標(biāo)注 青海醫(yī)療智能外呼系統(tǒng)怎么樣 襄陽外呼系統(tǒng)接口 徐州電銷卡外呼系統(tǒng)供應(yīng)商 外呼系統(tǒng)獲取客戶手機(jī)號 科智聯(lián)智能電銷機(jī)器人 上海浦東百度地圖標(biāo)注中心注冊

使用jQuery的$.post方法可以以POST形式向服務(wù)器發(fā)起AJAX請求。$.post方法是jQuery的實(shí)用工具方法。

post和get發(fā)送方式的特點(diǎn), GET 方法提交數(shù)據(jù)不安全,數(shù)據(jù)置于請求行,客戶端地址欄可見; GET 方法提交的數(shù)據(jù)大小限制在255 個字符之內(nèi)。POST方法提交的數(shù)據(jù)置于消息主體內(nèi),客戶端不可見, POST 方法提交的數(shù)據(jù)大小沒有限制。

$.post方法語法

$.post(url,parameters,callback)

參數(shù)

 

url

(字符串)服務(wù)器端資源地址。

parameter

(對象)需要傳遞到服務(wù)器端的參數(shù)。 參數(shù)形式為“鍵/值”。

callback

(函數(shù))在請求完成時被調(diào)用。該函數(shù)參數(shù)依次為響應(yīng)體和狀態(tài)。

返回值

XHR實(shí)例

看個簡單的例子

客戶端代碼:

html xmlns="http://www.w3.org/1999/xhtml">
head>
title>/title>
script src="Scripts/jquery-1.4.1.min.js" type="text/javascript">/script>
script type="text/javascript">
$().ready(function () {
  $('#selectNum').change(function () {
    var idValue = $(this).val();
    //采用POST方式調(diào)用服務(wù)
    $.post('Server.aspx', { id: idValue }, function (text, status) { alert(text); });
  })
})
/script>
/head>
body>
select id="selectNum">
  option value="0">--Select--/option>
  option value="1">1/option>
  option value="2">2/option>
  option value="3">3/option>
/select>
/body>
/html>

服務(wù)端主要代碼:

protected void Page_Load(object sender, EventArgs e)
{
  if (!Page.IsPostBack)
  {
    if (Request["id"] != null  !string.IsNullOrEmpty(Request["id"].ToString()))
    {
      Response.Write( GetData(Request["id"].ToString()));
    }
  }
}
protected string GetData(string id)
{
  string str = string.Empty;
  switch (id)
  { 
    case "1":
      str += "This is Number 1";
      break;
    case "2":
      str += "This is Number 2";
      break;
    case "3":
      str += "This is Number 3";
      break;
    default:
      str += "Warning Other Number!";
      break;
  }
  return str;
}

運(yùn)行程序,結(jié)果如圖:

 

用httpwatcher攔截請求信息,當(dāng)下拉框中選擇數(shù)字時,可以截取到如下請求信息。

使用$.post方法時的截圖:

 

通過上圖我們可以看到在POST Data里面有參數(shù),說明這是一次POST請求。

在服務(wù)器端狀態(tài)有改變,或者是修改更新某些數(shù)據(jù)時多用POST請求。

您可能感興趣的文章:
  • jquery 讀取頁面load get post ajax 四種方式代碼寫法
  • jQuery中Ajax的load方法詳解
  • jQuery中ajax的load()方法用法實(shí)例
  • 防止jQuery ajax Load使用緩存的方法小結(jié)
  • jQuery Ajax之load()方法
  • jQuery中ajax - post() 方法實(shí)例詳解
  • Jquery中$.post和$.ajax的用法小結(jié)
  • jQuery中ajax的post()方法用法實(shí)例
  • jQuery中ajax的load()與post()方法實(shí)例詳解

標(biāo)簽:紅河 荊州 辛集 揭陽 佛山 咸寧 商洛 股票

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《jquery中AJAX請求 $.post方法的使用》,本文關(guān)鍵詞  jquery,中,AJAX,請求,.post,方法,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《jquery中AJAX請求 $.post方法的使用》相關(guān)的同類信息!
  • 本頁收集關(guān)于jquery中AJAX請求 $.post方法的使用的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章