Question

所以我在这里有这个代码，

<!-- Ajax!--><button type="button">Click Me</button>
        <p></p>
        <script type="text/javascript">
        $(document).ready(function(){
            $("button").click(function(){
                $.ajax({
                    type: 'POST',
                    url: 'random.php',
                    success: function(data) {
                        $(".mainContainer").text(data);

                    }
                });
            });
        });

但是此脚本不显示标记，只显示文本。

php文件echo是一些HTML标记，例如

<img>
<p>

但是我的脚本显示带有标记的文本，但我希望脚本显示没有标记的脚本（使用它）。

我确定它与

有关

$(".mainContainer").text(data);

我如何将“文字”更改为？

第一次来到StackOverflow，对我这么轻松！

Answer 1

将其更改为html：

$(".mainContainer").html(data);

您可以在jQuery documentation

中详细了解html功能

Answer 2

您需要使用 html() 或 innerHTML 来设置html内容。

$(".mainContainer").html(data);

或

$(".mainContainer")[0].innerHTML=data;

text(text) ：我们需要注意，此方法会根据需要转义提供的字符串，以便在HTML中正确呈现。为此，它调用DOM方法.createTextNode（），不会将字符串解释为HTML 。（摘自：http://api.jquery.com/text/#text-text）

单击按钮时如何使用ajax显示php代码

2 个答案: