更新p文本而不刷新页面

时间:2013-02-27 12:15:39

标签: javascript jquery html

我有一个带有段落的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>

正在调用该函数,但由于某种原因,文本未更新。想法?

4 个答案:

答案 0 :(得分:2)

jQuery对象中没有innerHTML属性,而是使用html()方法:

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

答案 1 :(得分: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');

答案 2 :(得分:2)

使用

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

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

答案 3 :(得分:1)

使用.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);