根据按下的按钮使用 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);

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

1. 警告您的data 不是您的data 变量。这是响应数据。

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

应该是：

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