javascript - 如何通过 AJAX 发送字体系列样式

Question

我正在开发一个 HTML 编辑器，它使用 JavaScript(和 jQuery)创建 HTML 代码，然后通过 AJAX 将代码发送到 PHP 文件，然后 PHP 将代码写入文件。

但是即使设置了 font-family css 规则，AJAX 也不会发送整个代码。我做了一个小试用程序，检查问题，然后发生了这种情况:

JS代码:

var cont = document.createElement("DIV");
var element = document.createElement("DIV");
    element.style.fontFamily = "Arial";
    element.innerHTML = "Hello";
cont.appendChild(element);

var text = $(cont).html();
var request = new XMLHttpRequest();
    request.open("POST", "test.php", 0);
    request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    request.send("data=" + text);
var response = request.responseText

PHP代码:

<?php
    print $_REQUEST["data"];
?>

“文本”变量的值为:

<div style="font-family: &quot;Arial&quot;;">Hello</div>

“response”变量的值为:

<div style="font-family: 

但是剩下的文字在哪里呢？ 如何使用 AJAX 发送字体系列样式？

Answer 1

查看生成的 URL。

您的内容包含一个 &，它将它分成一个单独的 URL 参数。

您需要对其进行 URL 转义。