1. 程式人生 > >JQuery提交資料(筆記)

JQuery提交資料(筆記)

向指定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>

(上面的程式碼為自己學習過程中的記錄,如有雷同,算我抄你)