主頁(yè) > 知識(shí)庫(kù) > jquery中AJAX請(qǐng)求 $.post方法的使用

jquery中AJAX請(qǐng)求 $.post方法的使用

熱門標(biāo)簽:Mysql連接數(shù)設(shè)置 科大訊飛語(yǔ)音識(shí)別系統(tǒng) 團(tuán)購(gòu)網(wǎng)站 電子圍欄 Linux服務(wù)器 銀行業(yè)務(wù) 服務(wù)器配置 阿里云

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

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

$.post方法語(yǔ)法

$.post(url,parameters,callback)

參數(shù)

 

url

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

parameter

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

callback

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

返回值

XHR實(shí)例

看個(gè)簡(jiǎn)單的例子

客戶端代碼:

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攔截請(qǐng)求信息,當(dāng)下拉框中選擇數(shù)字時(shí),可以截取到如下請(qǐng)求信息。

使用$.post方法時(shí)的截圖:

 

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

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

您可能感興趣的文章:
  • jquery 讀取頁(yè)面load get post ajax 四種方式代碼寫(xiě)法
  • 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)簽:衡水 廣元 衢州 棗莊 江蘇 萍鄉(xiāng) 蚌埠 大理

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《jquery中AJAX請(qǐng)求 $.post方法的使用》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266