在配置项配置'DEFAULT_FILTER' => 'htmlspecialchars',,这样post等获取到的数据就会采取htmlspecialchars进行过滤。就不用'username' => I('username','','htmlspecialchars'),了,直接写成'username' => I('username'),即可。
ajaxReturn方法用于AJAX调用后返回数据给客户端,支持JSON、XML和EVAL三种方式给客户端接受数据。
这里,ThinkPHP导入数据到数据库中,只需数据的数组的项名称与数据库的项名称一样,'username' => I('username'),这样就可以用M('wish')->data($data)->add()将数据$data导入到数据表‘[表前缀]wish’中了。
而数据库中的数据输出到模板中也很简单,index函数中$this->wish=M('wish') -> select();$this->display();,这两句的第一句是将数据表‘[表前缀]wish’的数据取出将放入到一个名字为wish的数组中,后一句是指此函数的显示模板是index.html。index.html即可用ThinkPHP自带的标签foreach将wish数组里面的数据循环显示出来了,如下:
<foreach name='wish' item='v'>
<dl class='paper a<{:mt_rand(1,5)}>'>
<dt>
<span class='username'><{$v.username}></span>
<span class='num'>No.<{$v.id}></span>
</dt>
<dd class='content'><pre><{$v.content|replace_phiz=###}></pre></dd>
<dd class='bottom'>
<span class='time'><{$v.time|date='Y-m-d H:i',###}></span>
<a href="" class='close'></a>
</dd>
</dl>
</foreach>
这里后盾教程一点击“我要起愿”时,触发$( '#send' ).click函数,弹出填写起愿框。填写后起愿框后,点击“发布”,触发$('#send-btn').click,这个js函数里面用jQuery.post将起愿框接收到的数据传给handleURL,handleURL即是后台的handle函数,后台handle函数判断数据是ajax方式传入后,即录入数据中,并将数据重新处理,替换表情等,返回给jQuery.post,让提交的数据不用刷新,即显示出在起愿墙中。
后台函数是这样的:
public function handle(){
if(!IS_AJAX) halt('页面不存在'); //_404('页面不存在',U('Index'));
$data = array(
'username' => I('username'),
'content' => I('content'),
'time' => time()
);
if($id = M('wish')->data($data)->add()){
$data['id'] = $id;
$data['content'] = replace_phiz($data['content']);
$data['time'] = date('Y-m-d H:i',$data['time']);
$data['status'] = 1;
$this ->ajaxReturn($data, 'json');
}else{
$this ->ajaxReturn(array('status' => 0), 'json');
}
而js的jQuery.post是这样写的。
$.post(handleURL, {username : username.val(), content : content.val()},
function (data) {
$('#close').click();
if(data.status) {
var str = '<dl class="paper a1">';
str += '<dt><span class="username">' + data.username + '</span>';
str += '<span class="num">' + data.id + '</span>';
str += '</dt><dd class="content"><pre>' + data.content +'</pre></dd>';
str += '<dd class="bottom"><span class="time">' + data.time + '</span>';
str += '<a href="" class="close"></a></dd></dl>';
$('#main').append(str);
$('#close').click();
}else{
alert('发布失败');
}
},'json');
这视频还用到F函数,是为了保存处理表情的一个数组:
$phiz = array(
'zhuakuang' => '抓狂',
'baobao' => '抱抱',
'haixiu' => '害羞',
'ku' => '酷',
'xixi' => '嘻嘻',
'taikaixin' => '太开心',
'touxiao' => '偷笑',
'qian' => '钱',
'huaxin' => '花心',
'jiyan' => '挤眼'
);
F('phiz',$phiz,'./Data/');