分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

ajax中多个模板之间套用ajax

发布时间:2023-09-06 02:02责任编辑:蔡小小关键词:暂无标签

很多时候,我们发送一个ajax的时候,却有多个地方(多个模板)需要用到同一个数据。

我们通常会把这一大段都放在模板中,在需要的地方去写上数据即可。

可是,需要拿到ajax的地方没有集中在一个地方,不方便写在同一个模板上。

所以,可以把这几个地方放在不同的模板,用不同的id区分。

先用ajax发送到后台拿到数据,分别匹配不同的模板.

var html = template(‘tpl‘,info);var html2 = template(‘tpl2‘,info);...

然后分别添加到对应的父盒子中(一般会用一个空的父盒子接收,用html即可,不过像下拉加载更多的,要用append加载在后面即可)。

ajax是异步的,所以模板中的数据要注册事件不能在外面直接注册,

可以在外面注册委托事件,若要拿到之前的ajax的数据,要注意看之前的数据能不能拿到

也可以把注册事件写在ajax回调函数中,这样可以直接再事件中再次发送其他的ajax,或者访问外面的ajax返回的数据

//第一个ajax

Route.getbrandproductlist(brandtitleid, pagesize, function (info) {
 
//第一个模板,拿第一个ajax的数据
var html = template(‘tpl2‘, info);
$(‘.brandproduct‘).html(html);
 
render();
 
 //函数写在第一个ajax中,这样方便里面拿到外面的info
?????function render() {
???????Route.getproductcom(productid, function (info) {
 
//第二个模板,拿第一个ajax的数据
?????????var html = template(‘tpl3‘, info);
?????????$(‘.brandcomment‘).html(html);
 
//第三个模板,拿第一个ajax的数据 
???????????var html2 = template(‘tpl4‘, first);
???????????$(‘.top‘).html(html2);

 
???????})
?????};
 
?});

ajax中多个模板之间套用ajax

原文地址:https://www.cnblogs.com/zhuangcui/p/9260065.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved