Day: May 20, 2015

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

在上一篇文章中,我讲解了如何用jQuery实现输入表单的实时字数统计和Ajax提交数据到后台的功能。本文将重要介绍后台是如何处理前台提交的数据,并返回结果的。 查看演示 先还是要说明本例的业务流程: 1、前端用户输入内容,并对输入的内容字数进行实时统计。 2、用户提交数据,jQuery实现通过Ajax向后台发送数据。 3、后台PHP接收提交表单的数据,并对数据进行必要的安全过滤。 4、后台PHP连接Mysql数据库,并将提交过来的表单数据写入到相应的数据表中。 5、后台向返回成功结果数据内容,并通过Ajax将返回的数据内容插入到前端页面中。 上述1、2步在前篇文章:jQuery篇已讲解了,本文将完成剩余的散步。 数据表 首先我们要准备一个数据表,表结构如下: CREATE TABLE `say` ( `id` int(11) NOT… Read More

jQuery+PHP实现浏览更多内容

我们在一些微博网站上可以碰到这样的应用,微博内容列表没有使用分页条,而是一次加载一定数量的记录显示在列表页,当用户浏览到列表页底部时,可以通过单击“查看更多”来加载更多记录。本文我将结合jQuery和PHP给大家讲述如何实现这种应用。 查看演示 下载源码 基本原理:页面载入时,jQuery向后台请求数据,PHP通过查询数据库将最新的几条记录显示在列表页,在列表页的底部有 个“更多”链接,通过触发该链接,向服务端发送Ajax请求,后台PHP程序得到请求参数,并作出相应,获取数据库相应的记录并以JSON的形式返回给前 台页面,前台页面jQuery解析JSON数据,并将数据追加到列表页。其实就是Ajax分页效果。 HTML 首先要引入jquery库和jquery.more.js插件,jquery.more.js已经将许多功能都封装好了,并提供了参数配置的功能。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.more.js"></script> xhtml结构如下: <div id="more"> <div… Read More

滚屏加载–无刷新动态加载数据技术的应用

我们浏览有些网页的时候,当拉动浏览器的滚动条时到页底时,页面会继续自动加载更多内容供用户浏览。这种技术我暂且称它为滚屏加载技术。我们发现很多网站用到这种技术,必应图片搜索、新浪微博、QQ空间等将该技术应用得淋漓尽致。 查看演示 滚屏加载技术,就是使用Javascript监视滚动条的位置,每次当滚动条到达浏览器窗口底部时,触发一个Ajax请求后 台PHP程序,返回相应的数据,并将返回的数据追加到页面底部,从而实现了动态加载,其实就是一个典型的Ajax应用。本文将使用jQuery,结合 PHP,mysql以及JSON,为您讲解如何应用滚屏加载技术到您的项目中去。当然,阅读本文的前提是您需要有jQuery和PHP相关基础。 index.php 我们默认要显示15条数据,因此,我们先从数据库取开始的15条数据显示在页面。后面新加载的数据,我们也按每次15条的方式展示。 为了讲解尽量简单,我使用原生的PHP和mysql查询语句。首先,需要连接数据库,包含连接信息的connnect.php。这里我定义了几个用户id。 然后查询数据表,获得结果集,并循环输出,代码如下: <?php require_once('connect.php'); $user = array('demo1','demo2','demo3','demo3','demo4'); ?> <div id="container"> <?php… Read More