javascript - 非常简单的 jquery post()(试图将 html 发送到另一个页面)

Question

我正在努力使用 post() 方法。

我已经阅读了这里和 jquery 论坛上的几篇文章，事实证明，仅仅试图让一段简单的代码正常工作是很困难的。我的最终目标是将 div #exportData 及其所有子项传递给 test.php。

我开始于:

$.post("ajax/test.php", $("body").html());

在我看来，这应该将当前页面的全部内容返回到 test.php(除非 test.php 需要一个持有 div 或元素来接收内容)。目前它只返回空白页。

然后我尝试查看 post() 的参数是否需要操作这些参数:

$.ajax({
        type: 'POST',
        url: ajax/test.php,
        data: data,
        success: success,
        dataType: dataType
    });

同时声明了一个变量:

var data = { 
        html: #exportData
    };

那位当然失败了。我不知道如何在参数中定义数据，或者这是否是正确的地方。

虽然我会想如果:

 $.post("ajax/test.php", $("body").html());

本来可以工作，然后大概我可以用“body”替换我喜欢的任何类、id 或选择器。

提交按钮也需要某些参数来将其绑定(bind)到发布功能。目前纯粹是:

<input type="submit" id="submit" value="send" name="submit">

抱歉，这是一个非常基本的问题。

Answer 1

你可以做

var html = $("body").html();
var data = { 
        html: html
    };
$.post("ajax/test.php", data);

作为 $.post() 的第二个参数是一个对象，其中包含您要发送到服务器的数据。

要发送您可以执行的数据:

<input type="submit" id="submit" value="send" name="submit">

js

$('input#submit').click(function(e){
  //prevent submitting the form (if there is a form)
  e.preventDefault();
    var html = $("body").html();
    var data = { 
            html: html
        };
    $.post("ajax/test.php", data);
});

服务器端你接收数据

 $html = $_POST['html']