更新p文本而不刷新页面

Question

我有一个div段落：

 <div id="id1"><span></span><p id="id-text">Starting text</p></div>

现在，当与服务器（通过ajax）建立联系时，将调用以下函数：

<script type="text/javascript">
var fun = function (serverIsOk) {
        $('#id-text').innerHTML = serverIsOk ? 'Server ok text' : 'Starting text';
        $('#id1').show();           
}; 
</script>

该函数正在被调用，但是由于某些原因，文本没有被更新。 有想法吗？

Answer 1

jQuery对象中没有innerHTML属性，请改用html()方法：

$("#id-text").html(serverIsOk ? "Server ok text" : "Starting text");

Answer 2

.innerHTML是不会由jQuery或jQuery对象抽象的属性。 您要么使用.html()函数，要么访问底层的DOM节点，例如

$('#id-text')[ 0 ].innerHTML = serverIsOk ? 'Server ok text' : 'Starting text';

或者，使用jQuerys .html()方法，例如

$('#id-text').html(serverIsOk ? 'Server ok text' : 'Starting text');

Answer 3

采用

$('#id-text')[0].innerHTML =

要么

$('#id-text').html()

Answer 4

使用.text()或.html() ，

var response = serverIsOk ? 'Server ok text' : 'Starting text';
$('#id-text').text(response);

要么

var response = serverIsOk ? 'Server ok text' : 'Starting text';
$('#id-text').html(response);