django开发电子商城(十四)Ajax上

1:浏览器中打开https://unpkg.com/axios@0.17.1/dist/axios.js,复制返回的内容,并将内容存到文件axios.js中,并将该文件复制到工程的js目录下。

2:在前端页面course_shopcart.html中导入axios.js文件,具体操作如下:


3:在course_shopcart.html中增加请求商品数据的代码


4:在api.py中增加根据cookie获取商品信息列表的接口代码


5:在应用下的urls.py中增加路由


6:修改add_to_shopcart.html页面,增加“去购物车结算”的链接


7:将axios请求到的数据,赋值到products


8:修正返回数据的格式,返回的数据增加商品id


9:修改course_shopcart.html,在返回数据中增加商品ID和商品对应的图片


10:修改商品显示链接,显示对应商品的图片链接


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 22年12月更新:个人网站关停,如果仍旧对旧教程有兴趣参考 Github 的markdown内容[https://...
    tangyefei阅读 35,309评论 22 257
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,079评论 25 709
  • 激情,让我更多想起青春,那个无限光彩的模样,小岳岳却眯着眼晴,传播着"正青春"的电波。是的,心不退缩,路就在脚下,...
    雪天无霾阅读 1,270评论 0 0
  • 上班途中经过一条乡村小道,水泥砌成的,两边分别林立着一排杨树,一座灰砖房屋门前留在几个桃树,二年来的春天,迎着透过...
    叶二阅读 1,513评论 0 0
  • 他们抵达的地方是一个空无人烟的地方。当他们刚一踏入,便不自觉的显露出战斗的状态,看来那东西早就猜到他们会跟过来所以...
    莲素阅读 3,502评论 11 12

友情链接更多精彩内容