如何使用jQuery和Ajax刷新<pre>

How to Refresh <pre> with jQuery & Ajax

本文关键字:pre 刷新 何使用 jQuery Ajax      更新时间:2023-09-26

你能告诉我如何使用jQuery和Ajax只刷新页面的<pre>元素吗?我对向 ajax 发送任何数据不感兴趣,但我需要在向元素添加值后刷新<pre>
这是我正在做的事情的 JSFIDDLE 链接,这是代码

Type Here: <input type="text" id="textbox1"/>
<p>
<pre></pre>
<script>
$(document).ready(function() {
     $("#textbox1").keyup(function(){
     var textinput = $('#textbox1').val().substring(0,50);
        $("pre").text( textinput );
    });
});
</script>

尝试小提琴演示

 $("pre").stop(true, true).hide(0).fadeIn().text(textinput);