怎么直接使用Html5与后台交互

交互的话需要用到中间页进行交互，比如下面这个php代码

$sql="select * from userinfos where userid='".$_SESSION['uid']."'"

$dt = $pdo -> query($sql)

$st["retno"] = 0

$row = $dt -> fetch()

$st["userName"] = $row[3]

$st["imgSrc"] = $row[2]

echo json_encode($st)

break

这段代码通过用户session获取用户表的字段信息，然后输出成一个json格式的数据，然后通过js里面的ajax交互进行获取。

$.ajax({

   url: "http://www.xxxx.com/handle.php",

   type : "POST",

   data : {"canshu1":csValue},

   dataType : "json",

   success: function(result){

      //这里将返回的json格式的result进行处理。一般是将这些数据写入到页面对应的容器中

   }})

如果数据库中有几千甚至几万条数据，一下子显示出来也是不现实的，立马就想要了分页。查看TWaver的API，并没有发现表格中提供了分页的功能。算了，还是自己来扩展，想想TWaverJava中分页的功能，HTML5实现起来应该也不算太难，我们需要定义一个PagedTablePane，panel中包含表格和分页栏，分页栏参考了TWaver Java的那种：

仔细看看上面的分页条，其实也不是那么复杂，几个分页按钮加上分页的信息，于是很快就模仿了一个类似的分页栏，先上图：

界面实现起来还是比较容易的，主要的是按钮的 *** 作和分页信息的显示，我们需要定义几个变量：currentPage（当前页）、countPerPage（每页的条数）、pageCount（页数）、count（总数），定义了这几个变量就可以将上图中分页的信息表示出来

大哥，html本来就是前端渲染页面的，根本就没有逻辑，连html5都是借助js才能实现的，所以如果光是html，别说不可能实现后台搭建，前端的逻辑处理你都完不成。你用html、css、js三者可以实现前端页面搭建，然后用nodejs本地模拟服务器，也就是后台。

---