动态渲染 mathjax (ajax/php)答案

【问题标题】：Render mathjax dynamically (ajax/php)动态渲染 mathjax (ajax/php)
【发布时间】：2013-06-09 22:07:39
【问题描述】：

我正在尝试自动预览数学方程式。基本上，用户将在文本框中输入一个方程，它会显示在下方，所有这些都在 LaTEX 中使用 mathjax 进行了美化。我用这个例子作为模型 http://www.w3schools.com/ajax/ajax_aspphp.asp

因为我在显示之前从 php 调用 python 脚本来修改用户输入。问题是，它没有为我正确渲染。它不是渲染，而是显示原始 TEX（例如 $x^2$）。

我已经看到了有关此的 mathjax 帮助页面，我将代码行放在了我的底部，但它仍然没有呈现，就像这里一样：http://jsfiddle.net/Zky72/2/。

我看到了这个问题Rendering user input from dynamically created textarea using MathJax（看起来很相似），但他有点含糊地回答了自己的问题。

这是我的代码：

脚本：

function showHint(str)
{
if (str.length==0)
{ 
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","preview.php?text="+str,true);
xmlhttp.send();

MathJax.Hub.Queue(["Typeset",MathJax.Hub,"txtHint"]);
}

html:

<form> 
    Preview: <input type="text" onkeyup="showHint(this.value)">
</form>
<p>Suggestions: <span id="txtHint"></span></p>

长话短说，我可以很好地调用python，我可以很好地刷新mathjax，只是不能在一起。提前感谢您的帮助。用这么多资源问这样一个具体的问题我感觉很糟糕，但我一直在为这个问题撞墙一段时间。

【问题讨论】：

标签： php ajax mathjax

【解决方案1】：

你做错了异步。发送请求后，不要将MathJax.Hub.Queue 调用放在函数的末尾；在收到响应并更新文本框的内容后，将其放在成功回调的末尾。这样一来，MathJax 就可以渲染一些东西了。

【讨论】：

【解决方案2】：

您是否尝试过\( 而不是$？只是一个疯狂的猜测。

【讨论】：