实现jQuery发布的微博程序jQuery

应用程序实现了实时统计输入字数，通过ajax与后台交互，将输入内容插入到主题列表中，将整个过程分为两部分，本文讲解了jQuery的第一部分实现前端交互。

首先看看示例：演示

XHTML
复制代码代码如下所示：

140说你在做什么…

演示发布的内容…

XHTML是一种形式，具有输入框的文本，释放按钮，和跨#计数器统计输入的字数，和提示信息的跨#味精。当提交没有输入时，它会提示用户输入内容。
CSS
复制代码代码如下所示：
h3 {身高：32px；线高度：32px；字体大小：18px }
H3跨度{浮动权；字体大小：32px；字体：格鲁吉亚线；颜色：# CCC；溢出：隐藏}
输入{宽度：594px；身高：58px；保证金：0 5px 10px 0；padding: 4px 2px；
边境：1px solid # AAA；字体大小：12px；线高度：18px；溢出：隐藏}
。sub_btn {浮动权；宽度：94px；身高：28px；}
#味精{颜色：# F30 }
清除{两}
。saylist {保证金：8px汽车；填充：4px 0；底部边框：1px点缀# d3d3d3 }
saylist img {浮动。左；宽度：50px；保证金：4px }
。saytxt {浮动权；宽度：530px；溢出：隐藏}
。saytxt p {线高度：18px }
。saytxt P强{保证金：6px }
颜色：#日期。{ 999 }

jQuery
首先，介绍了jQuery库和global.js文件：
复制代码代码如下所示：

global.js文件：
global.js想做的是什么：
1，当用户输入和鼠标离开输入框时，输入统计数字中的字符数，并根据输入单词的数量在页面上显示不同的样式（字体颜色）。
2，处理提交的数据：当单击发布按钮时，它显示等待图片，通过Ajax提交输入数据，等待后台处理，并将处理结果输出到首页。
具体代码如下：
复制代码代码如下所示：
函数重新计算（）{
无功maxlen = 140；
无功电流= maxlen $（' # saytxt）。瓦迩（长度）；
$（计数器）Html（当前）；
如果（currentmaxlen）{
$（'反'），Css（色彩、# d40d12）；
$（输入。sub_btn）。Attr（禁止，禁止的）；
}
其他的
$（输入。sub_btn）RemoveAttr（禁止的）；
如果（当前< 10）
$（'反'），Css（色彩、# d40d12）；
否则如果（当前< 20）
$（'反'），Css（色彩、# 5c0002）；
其他的
$（'反'），Css（色彩、# cccccc）；
}

函数叙述（）完成输入字符的统计，并根据输入的字符数显示不同的字体颜色。
复制代码代码如下所示：
$（函数（）{（））
$（# saytxt）。Bind（模糊焦点KEYDOWN按键keyup
重新计票（）；
}）；
$（#以下是我参考网上）。提交（函数（）{）
无功saytxt = $（# saytxt ）瓦迩（）；
如果（saytxt = =）{
$（#味精），表明（）。Html（你要说什么。），FadeOut（2000）；
返回false；
}
$（计数器）Html（''）；
$ ajax（{
类型：邮政
URL
数据：saytxt =+ saytxt，
DataType：HTML
成功：函数（MSG）{
如果（parseInt（MSG）！= 0）{
$（# saywrap）。Prepend（MSG）；
$（# saytxt'）瓦迩（‘）；
重新计票（）；
其他{ }
$（#味精），表明（）。Html（系统错误。），FadeOut（2000）；
返回false
}
}
}）；
返回false；
}）；
}）；

在数据报的背景，它是由submit.php，和后台处理程序，我将在下一篇文章中，请注意它。