Как я могу передать скрытые значения через вызов ajax, используя jQuery?

Question

У меня есть форма, которая использует документы Google, и когда вы отправляете ее, она переходит на страницу благодарности Google по умолчанию.Я хочу использовать вместо этого 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

Если вы хотите добавить поля к string в javascript, вы можете использовать приведенный ниже код. Обязательно замените 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: {
  ..
  hiddenField1: "hiddenValue1",
  hiddenField2: "hiddenValue2",
  ..
}

Answer 3

Вам просто нужно передать его значение через параметр данных, как показано в коде ниже:

$.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);
                        }
                    });