小程序的探索之旅--与Django的数据交互

django服务端:(获取和返回)

Django获取客户端发来的请求request:

  首先,要知道请求的类型(method):POST/GET

  然后用get方法获取需要的内容:

    request.GET.get()

    request.POST.get()

Django返回响应:

  返回字典类型的数据

dic = {
    ‘name‘: user.name,
    ‘email‘: user.email,
     ‘num‘: user.number
}
return JsonResponse(dic)

小程序客户端

客户端向后端发送请求,get请求相对而言不是太安全(所有的数据都在请求连接里面)

post请求与get请求,除了要修改method,还要修改header中的‘content-type‘

发送get请求

wx.request({
      url: ‘http://127.0.0.1:8000/user_designer/‘,
      data: {
        name: this.data.name,
      },
      header: {
        ‘content-type‘: ‘application/json‘
      },
      method: "GET",
      success(res) {
        console.log("发送成功"),
      }
    })

发送post请求

wx.request({
      url: ‘http://127.0.0.1:8000/designer/‘,
      header: { "content-type": "application/x-www-form-urlencoded" },
      method: "POST",
      data: { diqu:this.data.diqu_txt},
      success: function (res) {
        console.log("发送成功")
      }
    })

原文地址:https://www.cnblogs.com/Clay-i/p/10360663.html

时间: 2024-11-05 16:01:46

小程序的探索之旅--与Django的数据交互的相关文章

小程序的探索之旅--列表筛选排序

wxml页面显示内容 <view class='viewdown'> <!-- 排序 --> <view class="tabTit box"> <!-- 绑定点击事件 --> <view class="flex1{{!tab[index]?' active':''}}" wx:for="{{tabTxt}}" wx:key="type" data-index="

小程序踩坑之旅

小程序踩坑之旅 —— 分包 小程序踩坑之旅 —— 分享 小程序踩坑之旅 —— 页面路由 小程序踩坑之旅 —— canvas 原文地址:https://www.cnblogs.com/xxhuan/p/11334792.html

小程序接口请求成功,得不到请求数据

小程序接口请求成功但是请求不到数据,解决办法:在wx.request({})的header中添加 'content-type': 'application/x-www-form-urlencoded', 主要代码如下: header: { 'content-type': 'application/x-www-form-urlencoded',//解决请求不到数据 'cookie': wx.getStorageSync("sessionid")//读取sessionid,当作cookie

微信小程序-关于post 过来服务器没有获取到数据问题

查看一下服务器接收的post 参数是以什么形式接收的 微信给出得demo 请求的方式是Json 参数传递的 所以如果服务器使用的from 表单形式接收数据需要更改微信小程序中的 header 将 header: { 'content-type': 'application/json' }, 改成 header: { 'content-type': 'application/x-www-form-urlencoded' },

第五章 “我要点爆”微信小程序云开发实例之从云端获取数据制作首页

下面我们来实现从云端获取数据,完成首页世界页面index的制作,首页分为4个数据列表导航页面,页面具体内容如下: 推荐:为用户推荐最新的点爆信息,它包含文本点爆内容和语音点爆内容. 文爆:筛选出文字点爆内容,只显示文字点爆内容. 音爆:筛选出语音点爆内容,只显示语音点爆内容. 爆榜:将点爆内容取出前20名进入排行. [实现页面内数据列表的滚动和导航切换后,每个导航下数据列表都在顶部] 由于我们使用的头部导航栏是通过数据绑定在同一页面进行切换,所以当一个页面内数据列表向下滚动后,切换导航后页面的s

小程序中的web-view与h5网页之间的交互

官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html web-view 基础库 1.6.4 开始支持,低版本需做兼容处理 web-view 组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面.个人类型与海外类型的小程序暂不支持使用. 客户端 6.7.2 版本开始,navigationStyle: custom 对 <web-view> 组件无效 属性名 类型 默认值 说明 src St

小程序通过web-view实现与h5页面之间的交互

在小程序端使用web-view内嵌网页,通过 src 携带参数,通过 @message 接收h5传回的数据 <template> <view> <web-view :src="activity.imgUrl?id=xxx" @message="postMessage"></web-view> </view> </template> 在h5页面通过 wx.miniProgram.postMessa

【小程序】小程序性能探索----骨架屏

骨架屏是什么? 在Goole提出的以用户为中心的四个页面性能衡量指标中,FP/FCP(首屏渲染). 关于尽快渲染出首屏,减少白屏时间,常见的优化方式大致有以下几种: 1. 优化关键渲染路径,尽可能减少阻塞渲染的JavaScript和CSS,常见做法包括使用async/defer让浏览器下载JavaScript的同时不阻塞HTML解析,内联页面关键部分的 样式 2. 使用Service Worker 缓存AppShell,加快后续访问速度. 3. 使用HTTP/2 Server Push,帮助浏览

微信小程序--获取form表单初始值提交数据

<form bindsubmit="formSubmit"> <view class="txt"> <view class="ima"></view> <view class="txt2">姓名</view> <input placeholder="请输入姓名" maxlength="10" class=&qu