Php Ajax请求JQuery发送div_Php_Jquery_Html_Ajax

Php Ajax请求JQuery发送div

php jquery html ajax

Php Ajax请求JQuery发送div,php,jquery,html,ajax,Php,Jquery,Html,Ajax,我有一个ajax请求将我的邮件模板保存在数据库中。但是我不能用ajax请求发送我的div？我已经在网上查了两个小时了，但我找不到解决办法 ajax文件： function saveEmail(){ var mail3 = $jQ('templateContent'); $jQ.ajax({ method: 'POST', url: 'ajax/saveMail.php', data: {mail2: mail3.html(),

我有一个ajax请求将我的邮件模板保存在数据库中。但是我不能用ajax请求发送我的div？我已经在网上查了两个小时了，但我找不到解决办法

ajax文件：

function saveEmail(){
    var mail3 = $jQ('templateContent');
    $jQ.ajax({
        method: 'POST', 
        url: 'ajax/saveMail.php',
        data: {mail2: mail3.html(), test: "test"}
    }).done(function( data ) {
        console.log(data);
    });

}

saveMail.php：

echo '<pre>';
print_r($_POST);
echo '</pre>';

exit();

应该是

$jQ（'.templateContent'）

或

$jQ（“#templateContent”）
应该是

$jQ（'.templateContent'）
或$jQ（“#templateContent”）
您忘记将模板内容
用作元素类
或id

尝试使用.templateContent
或#templateContent

因此，您可以通过使用元素的id
或class
来获取元素的内容。您忘记了将templateContent
用作元素class
或id

尝试使用.templateContent
或#templateContent

因此，您可以通过使用元素的id
或class
来获取元素的内容，下面给出了ajax数据调用中div的内容。注意div的jquery选择器，即var dataToSend=$（“#templateContent”）.text（）

函数myFunction（）{
var dataToSend=$（“#templateContent”）.text（）；
警报（数据发送）；
$.ajax({
方法：“POST”，
url:'ajax/saveMail.php'，
数据：{mail2:dataToSend，test:“test”}
}).完成（功能（数据）{
控制台日志（数据）；
});
}
单击该按钮可触发一个函数，该函数将在id为“demo”的p元素中输出“Hello World”
点击我
这应该是通过电子邮件发送的
下面给出了ajax数据调用中div的内容。注意div的jquery选择器，即var dataToSend=$（“#templateContent”）.text（）

函数myFunction（）{
var dataToSend=$（“#templateContent”）.text（）；
警报（数据发送）；
$.ajax({
方法：“POST”，
url:'ajax/saveMail.php'，
数据：{mail2:dataToSend，test:“test”}
}).完成（功能（数据）{
控制台日志（数据）；
});
}
单击该按钮可触发一个函数，该函数将在id为“demo”的p元素中输出“Hello World”
点击我
这应该是通过电子邮件发送的
能否显示mail3.html（）中的内容？mail3是一个变量，位于第2行（“$jQ（'templateContent'）；”）。它是一个基本的html模板，由.html（）函数将其转换为html元素，但未定义atm，但mail3=[prevObject:jQuery.fn.jQuery.init[1]，上下文：文档，选择器：“templateContent”，jQuery:“1.10.2”，构造函数：function…]可能脚本失败是因为它是一个对象？您是否尝试将mail3.html（）
返回的内容记录在控制台日志中？因此您尝试访问数组的html？实际上，您的邮件
在javascript中看起来不是有效的结构。当您执行console.log（mail3）时，您会得到什么？您能显示mail3.html（）中的内容吗？mail3是一个变量，位于第2行（“$jQ（'templateContent'）；”）。它是一个基本的html模板，由.html（）函数将其转换为html元素，但未定义atm，但mail3=[prevObject:jQuery.fn.jQuery.init[1]，上下文：文档，选择器：“templateContent”，jQuery:“1.10.2”，构造函数：function…]可能脚本失败是因为它是一个对象？您是否尝试将mail3.html（）
返回的内容记录在控制台日志中？因此您尝试访问数组的html？实际上，您的邮件在javascript中看起来不是有效的结构。当你做console.log（mail3）的时候，你得到了什么？是啊，这是个蹩脚的错误，用户4328056还是说了Thx！是啊，真是个蹩脚的错误，反正用户4328056说了Thx！
    <pre>Array
    (
        [test] => test
    )
    </pre>

mail3 = `[prevObject: jQuery.fn.jQuery.init[1], context: document, selector: "templateContent", jquery: "1.10.2", constructor: function…]`

var mail3 = $jQ('templateContent');

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>    
<script>
function myFunction() {
    var dataToSend = $("#templateContent").text();
    alert(dataToSend);
    $.ajax({
        method: 'POST', 
        url: 'ajax/saveMail.php',
        data: {mail2: dataToSend, test: "test"}
    }).done(function( data ) {
        console.log(data);
    });
}
</script>
</head>
<body>

<p>Click the button to trigger a function that will output "Hello World" in a p element with id="demo".</p>

<button onclick="myFunction()">Click me</button>

<div id="templateContent"><span><p>This is supposed to be sent in email!</P><span></div>



</body>
</html>