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

Posted 2021-03-09 宇～

时隔一个月，项目也开发完毕，自己当初的目标也已达成，做的用户登录-----微商平台

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就是服务器微请求，额能做到---输入框验证-----用户名是否合理等等，减少了服务器的压力---------希望对大家有用