使用AJAX发布表格

Question

I'm trying to post this form with jquery/ajax instead of with the form action url. I've written what I think would work, but I'm getting an error, error: Shell form does not validate.

Any help to get this working?

Here's a jsFiddle with form working with a form action=url.

And here's what I've done to submit this form via AJAX, but I'm getting an error that is telling me to use a POST request.

HTML:

<form>
    <div>Enter Filename</div>
    <input id="filename" type="text" name="entry.944320400">
    <div>Enter Name</div>
    <input id="name" type="text" name="entry.2146460057">
    <br>
    <input id="submit" type="submit" name="submit" value="Submit">
</form>

Javascript:

$('#submit').click(function () {
    var url = "https://docs.google.com/forms/d/1P6iosp_9AoYA1Rcn86T8j8_6xHdKp5KCKmEexMiDTsA/formResponse";
    var data = $('form').serialize();

    $.ajax({
        type: 'POST',
        url: url,
        data: data,
        success: function () {
            alert("Success");

        }
    });

Answer 1

Your form is submitting via the form tag that has a default method of GET

Try:

$('#submit').click(function (e) {

    e.preventDefault();
        var url = "https://docs.google.com/forms/d/1P6iosp_9AoYA1Rcn86T8j8_6xHdKp5KCKmEexMiDTsA/formResponse";
        var data = $('form').serialize();

        $.ajax({
            type: 'POST',
            url: url,
            data: data,
            success: function () {
                alert("Success");

            }
        });