如何通过 AJAX 发送字体系列样式答案

【问题标题】：How to send font-family style via AJAX如何通过 AJAX 发送字体系列样式
【发布时间】：2017-09-20 23:10:39
【问题描述】：

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

但即使设置了字体系列 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>

“响应”变量的值为：

<div style="font-family:

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

【问题讨论】：

你为什么不用$.ajax()？
您需要等待响应到达。
我用的是AJAX的同步形式 request.open("POST", ".php", 0); 0 表示代码等待答案到达
你不应该那样做。

标签： javascript php jquery css ajax

【解决方案1】：

查看生成的 URL。

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

您需要对其进行 URL 转义。

【讨论】：