ajax加载的页面中 table如何自动化渲染

ajax加载的页面中 table如何自动化渲染,第1张

首先要明白ajax的基本格式,参考下面的内容,可以发现,success是请求成功后服务器返回的数据,接收只需要把回调函数的值处理就可以了,如:
response:即为服务器返回的数据,content-block为页面id
123456
success: function(response){ $("#content-block")html(response);}
以下是ajax的一些参数:
12345678
$ajax({ type:'post', url:'/testajaxphp', dataType:'json', data:{uid:uid,rands:Mathrandom()}, success: function(){ alert('ajax return success');}});
url,类型:String,默认值: 当前页地址。发送请求的地址
data, 类型:String,发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'
dataType,类型:String,预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 >获取数组对象。数组套数组渲染到表格中html,需要获取数组对象中的值渲染到页面表格中。数组套数组,理解嵌套的意思就行数组里面的元素是一个数组,比如数组内部的数组存的是数字,要遍历得到这个数字,需要循环2次。

做项目的时候经常会遇到表格需要横向渲染的情况,但是原生table是不可以横向的,只能变换一下思路

1 第一种思路,更适用于小表格,当你渲染完成后你的老板突然告诉你它需要横过来,你就可以用到这个

html:

css:

例图:

2 第二种思路,以下图为例,在td里添加span或li等,在td上进行vue循环,在span里渲染,就会横向渲染了,不过此方法在数据多的时候也比较麻烦,欢迎补充。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13407430.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-30
下一篇 2023-07-30

发表评论

登录后才能评论

评论列表(0条)

保存