loading ...

来自圈子:网络社区研究 (343 人)

圈子描述:关注互联网虚拟社区的构造和运营
网络社区研究
共0页 | 上一页   1   下一页

ajax与表格 0/?

标签: 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实现页面局部更新。

  联系我们
  电话:010-52008589  010-64442806
  地址:北京市安外胜古北路5号 胜古办公楼510室
  传真:010-52008589 
  QQ:158739776(网智成
  QQ:544421785(网站保姆
  MSN:lilk0008@hotmail.com
  网址:http://www.bjwzc.net
  名称:北京网智成网络技术服务中心
  手机:13371707238
  邮编:100029
  邮箱:yan0121@163.com
  留言地址:http://www.bjwzc.net/guanggao/ly.php

共0页 | 上一页   1   下一页