jQuery post-div内容和php-echo

我想通过jQuery发布div的内容，重定向到php文件，然后在php文件上回显div内容

html

php

到目前为止，我在php文件上得到了一个空白回音。我是否应该使用$（）.redirect（）？

您应该添加

return false;

在jQuery中单击事件处理程序，否则它将导航到该页面

$('#submit_script').click(function(){
    $.post('/processingscript.php', {'html': $('#edit_content').html()};
    return false;
});

---

请记住，您只能在浏览器javascript控制台中看到通过AJAX请求获得的页面中显示的内容。您插入的“echo”不会在页面上显示任何内容，除非您使用jQuery获得响应，但脚本没有意义。

好吧。。我不完全确定你在这里想做什么。但这就是我所理解的-

您希望在不同的PHP脚本上访问div的内容。使用“重定向”一词，然后使用jQuery AJAX方法。最后，您还没有为AJAX调用定义回调，因此您永远不会看到来自PHP的回声

试试这样的东西-

var htmlData = $('#edit_content').html();
$.post('/processingscript.php', {'html': htmlData },function(response){
  // response now contains anything echoed from processingscript.php 
});

您在

$.post（）

函数中看到的匿名函数就是我前面提到的回调函数。这是一个在AJAX请求成功完成后立即调用的函数。传递给它的参数（

response

）是

processingscript.php

脚本的输出

---

因此，为了将整个过程结合在一起，jQuery向PHP脚本发送一个AJAX请求，然后PHP脚本可以随心所欲地操作和使用

$\u POST

数据。一旦PHP完成了它的业务，它就可以回显一条状态消息。这可以是纯文本，也可以是一个“Woo-Hoo！Script done！”，甚至可以是一个包含您想要传递回JavaScript的任何信息的对象（这将是一个JSON响应）。

我想这就是您想要的。经过测试，100%适用于我

HTML:

---

这会将返回的div内容加载到一个新的div上。

也许我从错误的角度处理这个问题。。。我最终尝试获取div html并创建一个php变量，以便通过php脚本通过电子邮件发送该内容。@use-yes。这就是我想象的。您可以保持PHP不变，

$\u POST

变量实际上将包含

htmlData

中的数据。然后，您可以通过PHP发送电子邮件并回显成功/失败消息。然后，该消息将出现在

$.post

回调函数的

response

参数中。

return false;

$('#submit_script').click(function(){
    $.post('/processingscript.php', {'html': $('#edit_content').html()};
    return false;
});

var htmlData = $('#edit_content').html();
$.post('/processingscript.php', {'html': htmlData },function(response){
  // response now contains anything echoed from processingscript.php 
});

<div id="edit_content">
    <p>This is a test paragraph</p><p> This is <u>another</u> <b>paragraph</b></p>    
</div>
<button id="submit_script">Submit</button>
<div style="border: 2px solid red; width: 200px; height: 100px;">
    <b>Result:</b>
    <div id="result"></div>
</div>

$(document).ready(function() {
    $("#submit_script").click(function() {
        var content = $('#edit_content').html();
            $.post("processing.php", { html: content})
            .done(function(data) {
            $('#result').empty().append(data)
            });
        });
});