如何使用jQuery通過ajax調用傳遞隱藏值？

Question

我有一個使用Google文檔的表單，當您提交表單時，它將轉到googles默認的謝謝頁面。 我想做的是使用ajax代替發送數據，這樣用戶就不會離開站點。 Google為此需要某些隱藏字段。 如何在Ajax中傳遞隱藏字段？ 下面是我編寫的代碼。

                   $.ajax({
                        type: "post",
                        url: "https://spreadsheets.google.com/formResponse?formkey=HEREISWHEREMYKEYGOES",
                        data: "name=entry.1.group&value=24",
                        success: function() {
                            alert("yay")
                        },
                        error: function(e) {
                            console.log(e);
                        }
                    });

Answer 1

如果要將字段添加到javascript中的string ，則可以使用以下代碼。 確保將Whateverfield替換為實際字段，但是我需要查看HTML才能提供完整的答案。

formKey = $('Whateverfield').val();
$.ajax({
    type: "post",
    url: "https://spreadsheets.google.com/formResponse",
    data: "name=entry.1.group&value=24&formkey=" + formKey,
    success: function() {
        alert("yay")
    },
    error: function(e) {
         console.log(e);
    }
});

理想情況下，您可以對數據使用以下格式：

data: { 
   name: "entry.1.group",
   value: "24", 
   formKey: $('Whateverfield').val()
},

Answer 2

您只需要通過data參數傳遞其值，如以下代碼所示：

$.ajax({
                        type: "post",
                        url: "https://spreadsheets.google.com/formResponse?formkey=HEREISWHEREMYKEYGOES",
                        data:  { name="entry.1.group", value= "24", hidden1 = $('#hidden_id').val(), hidden2 = $('#hidden_id2').val() },
                        success: function() {
                            alert("yay")
                        },
                        error: function(e) {
                            console.log(e);
                        }
                    });

Answer 3

只需在data參數中傳遞隱藏字段即可。 例如

..
data: {
  ..
  hiddenField1: "hiddenValue1",
  hiddenField2: "hiddenValue2",
  ..
}