php - 根据按下的按钮使用 jQuery 将数据发送到另一个页面

Question

我有以下代码:

$(document).ready(function(){
var btn = $('a.btn-primary'); 
var closeDate = $('td.closeDate');
var applyBtn = $('<input type="button" value=" Apply " class="toggleButton" \>');

//Rmove a link
btn.remove();

//Add button
applyBtn.insertAfter(closeDate);

$('.toggleButton').click(function(){
    var obj = $(this).closest('tr');
    var data = {
            vacancyID: obj.find('td.vacancyID').text(),
            closeDate: obj.find('td.closeDate').text(),
            roleLongTitle: obj.find('td.roleLongTitle').text(),
            roleRequirements: obj.find('td.roleRequirements').text(),
            roleResponsibilities: obj.find('td.roleResponsibilities').text(),
            roleQualifications: obj.find('td.roleQualifications').text(),
        }

         //Post the data to the page
         $.ajax({
             type: 'POST',
             url: 'vacancy.php',
             data: data,
             success: function(data){
                 alert(data);
             }
         });
        //$.post("vacancy.php", data, function(){
            //alert(data);
        //});
        console.log(data.vacancyID);
    })
});

在控制台中，数据显示正确，但警报显示的内容完全正确。我发布的页面也看不到该帖子。见下图:

我期望只看到与我单击的按钮相关的数据，而不是两个职位空缺。任何人都可以帮忙并告诉我们我哪里出错了。

Answer 1

我发现了2点:

1. 我们没有 \在输入标签的末尾。请删除它。

   var applyBtn = $('<input type="button" value=" Apply " class="toggleButton" \>');

2. “应用”按钮应附加到 td 中标签，不在 td 之后插入，因为tr包含td或th , input不是一种表格元素。

   applyBtn.insertAfter(closeDate);

不知何故，错误的节点会影响我们的功能。

您的data被提醒不是您的data变量。这是响应数据。

success: function(data){
alert(data);
}

应该是:

success: function(res){
alert(data);
}