jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法

发布时间：2020-12-15 23:17:41 所属栏目：百科来源：网络整理

导读：p style="text-align: left"效果： p style="text-align: center" json文件：商品列表页goodsList.js： "; $.each(res.books,function(idx,val) { str +=" " +val.title+" " +'￥'+val.price+" "; }); str += " "; $('.content').append(str); },error:func

<p style="text-align: left">效果：

这里写图片描述

json文件：

商品列表页goodsList.js：

" +val.title+"

" +'￥'+val.price+"

"; }); str += ""; $('.content').append(str); },error:function(){ alert(error) } }); })

商品详情页goodsDetail.js：

出版编号："+val.id+"

出版社："+val.publish+"

页数："+val.num+"

简介："+val.desc+"

"; console.log('index:'+idx); } $('.booksDeatail').append(str); }); } }) })

以上所述是小编给大家介绍的jQuery+Ajax请求本地数据加载商品列表页并跳转详情页。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!