使用ajax传输数据,以及如何将数据动态展示在表格中

使用ajax传输数据,以及如何将数据动态展示在表格中

刚接触项目不久,总结下本周工作主要接触到的东西,定期总结与整理是个好习惯。
使用ajax将数据提交于后台,在这里展示一个简单的注册功能的前端代码。
在这里插入图片描述
其中url是我的请求地址
type代表请求方式,我这里使用post方式
dataType:数据处理方式。除了单纯的json,还可以指定 html、XML、jsonp、script或者text。
async:设置为false代表同步请求;(如果发送异步请求,这里可以不写,因为ajax默认是异步的)
success请求成功后的回调函数,error请求失败的回调函数

var obj = {“name”:n1.value,“password”:s1.value};
var str=JSON.stringify(obj);
在这里插入图片描述
在这里插入图片描述
这两条数据已经添加进了数据库中。

将数据展示在页面
这里用另一个工程展示,里面有两个字段,用ajax获取到fileName和filePath。
在这里插入图片描述
传入参数
在这里插入图片描述

title设置表头名称
这里的moduleId 对应放置表格的div的ID,identical对应的是之前HTML里写好的表格模板的ID。
在这里插入图片描述
数据铺出来了。

总结:
完成页面与其功能的时候,遇到各种各样的报错,这是正常的,需要细心排除错误,比如可以在方法中加入debugger去调试或者在控制台打断点。遇到不懂的问题,我会向身边的大神求助。总之越不懂的地方越应该去学习。

  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值