Django2.2 中Ajax系统回调----js与后台数据同步

2021-08-18 03:59

阅读:869

标签:stat   同步   height   用法   很多   用户   不同   views   开发   时隔一个月,项目也开发完毕,自己当初的目标也已达成,做的用户登录-----微商平台 dajngo集成的部件很多,我这能用的基本用到了,后面会给截图 (你可能会问:Ajax不是在前端时学习的吗,的确)-------我这里讲的时当我们点击某个js控件时,我们不仅要修改前后端数据状态,也得后台传递过来数据 本节主要讲解(jquery1.1为例)------$.getJson()的用法 用法简单,但不同版本不一样   一、$.getJson()的参数讲解(我常用的) url--------路由 需要传递的参数(列表补充会说) function(data)函数data为例 这里要写绝对路径,例如本地调试的  ‘/APP根路由/函数路由/‘ {‘参数名‘:参数} 下面写逻辑                             补充说明: url:最前面一定要带斜杠----------------表示跟路由 参数:既然是字典就能多参数传递,后台函数用request.GET.get(参数名获得)---------但如果时个列表就得先加入join(定义的字符)-----------------接收方正常接受列表,但得切割split(定义的字符),这样就 完整传过来了 function()函数:就是普通的js函数,内容自己写即可---------function(data)的data是系统自带的----------views函数中会return JsonResponse(data=回传的字典数据) 二、用法实例 //直接传列表会收不到,需要切割,join()加入特殊字符 $.getJSON(‘/跟路由/allselect/‘, {‘cart_list‘: unselect_list.join(‘#‘)}, function (data) { console.log(data); if (data[‘status‘] === 200) { $(‘.confirm‘).find(‘span‘).find(‘span‘).html(‘√‘); $(‘.all_select‘).find(‘span‘).find(‘span‘).html(‘√‘); // 顺便计算前端商品总价 $(‘#total_price‘).html(data[‘total_price‘]); } 这只是很小一部分,但体现了核心,很有代表价值 其实Ajax就是服务器微请求,额能做到---输入框验证-----用户名是否合理等等,减少了服务器的压力---------希望对大家有用Django2.2 中Ajax系统回调----js与后台数据同步标签:stat   同步   height   用法   很多   用户   不同   views   开发   原文地址:https://www.cnblogs.com/cybg/p/12330764.html


评论


亲,登录后才可以留言!