<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



ajax与表格

北京网站制作
