jQuery ajax 将数据发布到 php答案

【问题标题】：jQuery ajax posting data to phpjQuery ajax 将数据发布到 php
【发布时间】：2017-07-24 17:07:52
【问题描述】：

我正在尝试通过 ajax 将一些数据发布到 php。我遇到的问题是原始数据是通过一些 java 提取的，如下所示：

var taskID = jQuery(this).attr('data-id');
var taskTitle = jQuery(this).attr('data-title');
var taskContent = jQuery(this).attr('data-content');
jQuery('.task_title').val(taskTitle);
jQuery('.task_description').val(taskContent);

当我尝试在浏览器中更新此内容（通过表单）时，只有原始数据被回发，而不是更新的数据。

这是我发布数据的ajax：

$( ".saveTaskEdit" ).click(function(event) {
    var ta = $('.task_title').val();
    var da = $('.task_description').val();
    var taskID = $('.editTaskPanel').attr('data-id');

    $.ajax({
        type: "post",
        url: "task-edit.php?t="+ ta + "&d=" + da + "&id=" + taskID,
        contentType: "application/x-www-form-urlencoded",
        success: function(responseData, textStatus, jqXHR) {
            jQuery('p.status').text('Task Saved');      
        },
        error: function(jqXHR, textStatus, errorThrown) {
            console.log(errorThrown);
        }
    })
});

这背后有什么原因吗？

【问题讨论】：

您的type 是post。但是您在 url 属性中使用参数。为什么不直接使用 data 属性？
何时调用第一个活动？
@TamilvananN 第一个活动是页面加载数据的设置
您在发送到 ajax 方法之前检查过这些值吗？
您似乎在混合使用GET 和POST。将参数附加到 URL 是您通过GET 发送的方式 - 以POST 发送，您可能需要一个作为data 参数传递的对象。 See here for more information.

标签： php jquery ajax

【解决方案1】：

您将类型设置为“post”，但将数据发送为“get”；更改您的 ajax ，更新“url”添加“数据”，如下所示：

$( ".saveTaskEdit" ).click(function(event) {
    var ta = $('.task_title').val();
    var da = $('.task_description').val();
    var taskID = $('.editTaskPanel').attr('data-id');

    $.ajax({
        type: "post",
        data: { "t":ta,"d":da,"id":taskID},
        url: "task-edit.php",
        contentType: "application/x-www-form-urlencoded",
        success: function(responseData, textStatus, jqXHR) {
            jQuery('p.status').text('Task Saved');      
        },
        error: function(jqXHR, textStatus, errorThrown) {
            console.log(errorThrown);
        }
    })
});

【讨论】：

@Santi 现在可以了吗？ ;)