使用post()方法以POST方式從服務(wù)器發(fā)送數(shù)據(jù)
與get()方法相比，post()方法多用于以POST方式向服務(wù)器發(fā)送數(shù)據(jù)，服務(wù)器接收到數(shù)據(jù)之后，進(jìn)行處理，并將處理結(jié)果返回頁面，調(diào)用格式如下：
$.post(url,[data],[callback])
參數(shù)url為服務(wù)器請(qǐng)求地址，可選項(xiàng)data為向服務(wù)器請(qǐng)求時(shí)發(fā)送的數(shù)據(jù)，可選項(xiàng)callback參數(shù)為請(qǐng)求成功后執(zhí)行的回調(diào)函數(shù)。
例如，在輸入框中錄入一個(gè)數(shù)字，點(diǎn)擊“檢測”按鈕，調(diào)用post()方法向服務(wù)器以POST方式發(fā)送請(qǐng)求，檢測輸入值的奇偶性，并顯示在頁面中，如下圖所示：
在瀏覽器中顯示的效果：
從圖中可以看出，當(dāng)點(diǎn)擊“檢測”按鈕時(shí)，獲取輸入框中的值，并將該值使用$.post()方法一起發(fā)送給服務(wù)器，服務(wù)器接收該值后并進(jìn)行處理，最后返回處理結(jié)果。
任務(wù)
我來試試，親自調(diào)用$.post()方法向服務(wù)器發(fā)送數(shù)據(jù)，檢測數(shù)據(jù)是否大于0。
在下列代碼的第23、24、25行中，使用$.post()向服務(wù)器 http://yifanck.cn/data/check_f.php 文件中發(fā)送檢測的數(shù)據(jù)。
注意：在POST過程中，傳遞的參數(shù)就是用戶在文本框中輸入的值。
- ?不會(huì)了怎么辦
-
- 調(diào)用
$.post()方法時(shí)，第一個(gè)參數(shù)為請(qǐng)求服務(wù)器的路徑，第二個(gè)參數(shù)為請(qǐng)求進(jìn)上傳的參數(shù)，參數(shù)格式為key/value方式。
- 在調(diào)用
$.post()方法向服務(wù)器發(fā)送數(shù)據(jù)時(shí)，如果要接收返回的數(shù)據(jù)，需要添加該方法中的第三個(gè)參數(shù)，即回調(diào)函數(shù)，通過該函數(shù)中的參數(shù)獲取返回值。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>使用post()方法以POST方式從服務(wù)器發(fā)送和獲取數(shù)據(jù)</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="divtest">
<div class="title">
<span class="fl">檢測數(shù)字是否大于0</span>
<span class="fr"><input id="btnCheck" type="button" value="檢測" /></span>
</div>
<ul>
<li>請(qǐng)求輸入一個(gè)數(shù)字 <input id="txtNumber" type="text" size="12" /></li>
</ul>
</div>
<script type="text/javascript">
$(function () {
$("#btnCheck").bind("click", function () {
?
?
?
function (data) {
$("ul").append("<li>你輸入的<b> "
+ $("#txtNumber").val() + " </b>是<b> "
+ data + " </b></li>");
});
})
});
</script>
</body>
</html>
#divtest
{
width: 282px;
}
#divtest .title
{
padding: 8px;
background-color:Blue;
color:#fff;
height: 23px;
line-height: 23px;
font-size: 15px;
font-weight: bold;
}
ul
{
float: left;
width: 280px;
padding: 5px 0px;
margin: 0px;
font-size: 14px;
list-style-type: none;
}
ul li
{
float: left;
width: 280px;
height: 23px;
line-height: 23px;
padding: 3px 8px;
}
.fl
{
float: left;
}
.fr
{
float: right;
}
請(qǐng)驗(yàn)證，完成請(qǐng)求
由于請(qǐng)求次數(shù)過多，請(qǐng)先驗(yàn)證，完成再次請(qǐng)求
