Question

jquery在firefox上不起作用，但在chrome上工作主要问题是在行，$（“＃p1”）。html（数据），它不会在浏览器上显示数据。
任何人都可以帮我弄清楚原因吗？

html代码：
1）当我点击开始按钮时，后端会发回一个字符串 2）在handleData，$（“＃p1”）。html（data）不在firefox上显示该字符串（但在chrome上，它没关系）。

<html>
<head>
<script src="js/jquery/jquery-1.7.2.min.js" type="text/javascript"></script>

<script type="text/javascript">
    function handleData(data, status) {
        $("#p1").html(data);
    };

    $(document).ready(function() {
        $("#start").click(function() {
            $.get("testAsync?start=yes", handleData);
        });

        $("#submitResult").click(function() {
            // jquery get the result value.
            var $result = $("#result").val();
            $.get("testAsync?result=" + $result, handleData);
        });
    });
</script>
</head>
<body>

    <div id="content">
        <button id="start">Start Test</button>

        <p id="p1"></p>

        <input type="text" id="result" value="" /> <input type="button"
            id="submitResult" value="Submit" />
    </div>

</body>
</html>

Answer 1

看起来Firefox对“内容类型”非常严格，如果我没有指定它，它认为“text / xml”，因此它导致浏览器无法正确呈现它。
如果我将其设置为“text / html”，那么我可以看到显示的数据。

Answer 2

您可能希望将返回的DataType添加到$ .get http://api.jquery.com/jQuery.get/ Firefox可能会“猜测”（是的，jQuery API说这个）返回类型错误。

jquery $（＆＃34;＃id＆＃34;）。html（数据）不能在firefox上运行，但是在chrome上工作

2 个答案: