JavaScript AJAX POST,不是那么简单

时间:2013-11-20 06:09:21

标签: javascript jquery ajax

我将分享我的半写/半伪代码,希望有人能帮我填写。

我有一个名为div的{​​{1}}。当在results div内部进行单击时,我需要发送POST请求以更新数据库中的表行。

results

此代码似乎有效,但是,我收到警告警告* event.returnValue已弃用。请改用标准的event.preventDefault()。 *

接下来,我的$(function() { $("body").click(function(e) { if (e.target.id == "results" || $(e.target).parents("#results").size()) { // add timer clicks must be at least 15 seconds apart or do not POST // a click was made in the results div, record click to record in db ajax_post(); } }); }) 函数似乎无法正常运行。

ajax_post

一旦我将vars发送到我的PHP脚本 - 我可以从那里拿走它,只是遇到一点点麻烦。我很感激帮助。谢谢。

1 个答案:

答案 0 :(得分:0)

尝试这样的事情。您可以阅读有关jQuery.ajax() here的更多信息。

$(function() {
    $("#results").click(function(e) {
        // add timer clicks must be at least 15 seconds apart or do not POST
        // a click was made in the results div, record click to record in db


        // Assign handlers immediately after making the request,
        // and remember the jqXHR object for this request
        var jqxhr = $.ajax( "example.php" )
            url: 'tq/--record-events.inc.php',
            contentType: "application/json",
            dataType: "json",
            data: yourData,
            type: "POST"
        }).done(function(data, textStatus, jqXHR) {
            //Do your thing here.
        }).fail(function(jqXHR, textStatus, errorThrown) {
            alert( "error" );
        }).always(function() {
            alert( "complete" );
        });
    });
})