我们在QQ个人中心或者新浪微博等网站上可以看到一个发表话题的应用。该应用实现了即时统计输入字数,并且通过Ajax与后台交互,将输入内容插入到话题列表中。本文讲解第一部分jQuery实现前端交互操作。
XHTML代码
- form id="myform" action="say.php" method="post">
- h3>span class="counter">140span>说说你正在做什么...h3>
- textarea name="saytxt" id="saytxt" class="input" rows="2" cols="40">textarea>
- p>
- input type="image" src="images/btn.gif" class="sub_btn" alt="发布" />
- span id="msg">span>
- p>
- form>
- div class="clear">div>
- div id="saywrap">
- div class="saylist">
- a href="//m.sbmmt.com/m/faq/#">img src="images/user.gif" alt="" />a>
- div class="saytxt">
- p>strong>a href="//m.sbmmt.com/m/faq/#">Demoa>strong>发布的内容...p>
- div class="date">div>
- div>
已抢65072个
抢已抢28269个
抢已抢15275个
抢已抢7646个
抢已抢9531个
抢已抢19349个
抢