PHP+Mysql+jQuery实现发布微博程序jQuery篇

PHP+Mysql+jQuery实现发布微博程序jQuery篇

jQuery

该应用实现了即时统计输入字数，并且通过ajax与后台交互，将输入内容插入到话题列表中。我将整个流程分为两部分，本文讲解第一部分jquery实现前端交互操作。

首先查看示例：DEMO

XHTML
代码如下:

140说说你正在做什么...

Demo发布的内容...

XHTML是一个表单，里面有输入框textarea，发布按钮，还有一个统计输入字数的span#counter，和信息提示span#msg,在没有输入的情况下就提交则会提示用户要求输入内容。
CSS
代码如下:
h3{height:32px; line-height:32px; font-size:18px}
h3 span{float:right; font-size:32px; font-family:Georgia,serif; color:#ccc; overflow:hidden}
.input{width:594px; height:58px; margin:5px 0 10px 0; padding:4px 2px;
border:1px solid #aaa; font-size:12px; line-height:18px; overflow:hidden}
.sub_btn{float:right; width:94px; height:28px;}
#msg{color:#f30}
.clear{clear:both}
.saylist{margin:8px auto; padding:4px 0; border-bottom:1px dotted #d3d3d3}
.saylist img{float:left; width:50px; margin:4px}
.saytxt{float:right; width:530px; overflow:hidden}
.saytxt p{line-height:18px}
.saytxt p strong{margin-right:6px}
.date{color:#999}

jQuery
先引入jquery库和global.js文件：
代码如下: