包含html的ajax json响应

Question

我需要在发送之前对 ajax 响应数据进行 json_encode 吗？

$html1 = '<span>some html</span>';
$html2 = '<span>some html</span>';
$res = array('html1'=>$html1, 'html2'=>$html2);
echo json_encode($res);

或

echo $res;

Answer 1

AJAX 中的 X 代表 XML

如果返回 XHTML，则不需要对其进行 json_encode

echo '<div>'.$html1.$html2.'</div>';

你可以

1. 将其转储到页面someElement.innerHTML = returnValue; 或document.body.insertAdjacentHTML('afterend',returnValue);

2. 从DOMFragment中提取：

---

const domFragMent = document.createElement("div")
domFragment.innerHTML = returnValue;
const spans = domFragment.querySelectorAll("span");

1. 使用domParser

2. 发送一个 json_encoded 值数组并在客户端将它们解析为 spans