jQuery Data-call back ajax

时间:2017-05-18 22:17:27

标签: javascript jquery recaptcha

我已经实现了automatically bind to button recaptcha,但我有点困惑,因为我如何处理... "relationships":{"user":{"data":{"id":"1","type":"users"}}} ... 回到我当前的阻止哦data-call

在我上面链接的文档中,它包含:

jQuery

按钮:

<script>
function onSubmit(token) {
 document.getElementById("demo-form").submit();
}
</script>

jQuery Block:

<div class="infusion-submit">
    <input class="g-recaptcha" data-sitekey="someKey" data-callback='onSubmit' data-callback='onSubmit' type="submit" value="Request Itinerary" />
</div> 

更新

  $('#foodForm').submit(function(e) { // catch the form's submit event
        $.ajax({ // create an AJAX call...
            data: $(this).serialize(), // get the form data
            type: $(this).attr('method'), // GET or POST
            url: $(this).attr('action'), // the file to call
            success: function(response) { // on success..
                if (response.length > 0) {
                    $('#foodFormResponse').html(response); // update the DIV
                } else {
                    window.location.href = 'https://URl.com/private/thank-you/';
                }
            }
        });
        e.preventDefault();
    });

});

});

1 个答案:

答案 0 :(得分:0)

使用jQuery submit()方法而不是调用本机DOM方法。

function onSubmit() {
    $("#demo-form").submit();
}

然后它将调用你绑定的jQuery处理程序。