使用AJAX数据发布样式属性

时间:2016-12-22 15:52:22

标签: javascript jquery html css ajax

我正在使用jQuery从div中获取所有内容,包括其子元素。

DIV内容:

<div class="content">
   <h1 style="color:red">Test Title</h1>
   <p style="color:blue">Test Description</p>
</div>

使用以下jQuery在新变量中收集数据:

emailContent = $( ".content" ).html();

然后我按如下方式创建一个AJAX帖子:

$.ajax({
    type: 'POST',
    url: ajax_object.ajaxurl, 
    data: {
        "action": "action1",
        "emailContent":emailContent

    }
});

我正在使用内容使用wp_mail()功能发送电子邮件,但是一旦发送电子邮件,所有样式都将被忽略。

wp_mail函数以这种方式编码:

$to = 'xx@xx.com';
    $subject = 'Subject';
    $message = $_POST['emailContent'];
    $headers = array('Content-Type: text/html; charset=UTF-8');

    wp_mail( $to, $subject, $message, $headers );   

当我将Content-type更改为text / plain时,输出如下:

<div class=\"emailContent\">    <h1 style=\"color:red\">Test Title</h1>    <p style=\"color:blue\">Test Description</p> </div>

当类型为HTML时,斜杠是否可以成为格式不正确的原因?

关于如何在通过AJAX帖子发送数据时保留内联样式的任何想法?

1 个答案:

答案 0 :(得分:0)

我通过向stripslashes()内容添加$message来解决了这个问题,现在正在应用样式。