JQuery提交資料(筆記)
阿新 • • 發佈:2019-01-07
向指定URL傳送json資料
$("#btnSend").click(function() {
$("#request-process-patent").html("正在提交資料,請勿關閉當前視窗...");
$.ajax({
type: "POST",
url: "RequestData.ashx",
contentType: "application/json; charset=utf-8",
data: JSON.stringify(GetJsonData()),<!--使用這個jQuery封裝的stringify,它可以將客戶端傳送的JSON資料物件進行序列化操作-->
dataType: "json",
success: function (message) {
if (message > 0) {
alert("請求已提交!我們會盡快與您取得聯絡");
}
},
error: function (message) {
$("#request-process-patent").html("提交資料失敗!");
}
});
});
<!--使用這個方法來封裝json物件-->
function GetJsonData() {
var json = {
"classid": 2,
"name": $("#tb_name").val(),
"zlclass": "測試型別1,測試型別2,測試型別3",
"pname": $("#tb_contact_people").val(),
"tel": $("#tb_contact_phone").val()
};
return json;
}
使用jQuery提交類似表單的資訊
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.2.3.1"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.post("example",
{
name:"張三",
city:"上海"
},
function(data,status){
alert("資料:" + data + "\n狀態:" + status);
});
});
});
</script>
</head>
<body>
<button>點擊發送 HTTP POST 請求,並獲取狀態資訊</button>
</body>
</html>
(上面的程式碼為自己學習過程中的記錄,如有雷同,算我抄你)