日期:2014-05-16  浏览次数:20629 次

ajax与表格 - Web 开发 / Ajax
<table>
  <tr><td>用户名</td><td>密码</td></tr>
  <tr><td>李四</td><td>123</td></tr>
  <tr><td>王五</td><td>123</td></tr>
  <tr><td>赵六</td><td>123</td></tr>
 </table>

用户名:<input type="text" name="uname"><br>
密码: <input type="password" name="pwd"></br>
  <input type="button" value="添加">

如上:当点击“添加”按钮时,将新用户插入到数据库中,插入成功就更新表格。用ajax技术如何实现呢?
ajax向Action提交可以做到吗?
高手们给个指点好吗?

------解决方案--------------------
很简单。给你思路自己动手写,以下几个步骤:
1、html尽量按w3c规范写,table里最好加上tbody,tr都写在tbody里。
2、给你的“添加”按钮加一个事件(随意你,一般是button加onclick),事件函数名随意取。
3、事件触发函数中创建xmlHttpRequest对象,发送ajax请求,url是你后台的action,参数是你输入的用户名和密码
4、后台action收到参数往数据库插入一条数据后。给个标志(信号)前台,如true则更新table,往tbody中加入一个tr,tr中将添加的用户名和密码包好。
5、ok了,最简单的ajax实现页面局部更新。