小程序用户收货地址修改

空空的瓶子酱

于 2020-03-24 21:47:38 发布

阅读量5.3k

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/eva_feng/article/details/105072229

版权

这篇博客介绍了一种在小程序中实现用户收货地址修改的方法。首先，通过onload获取上一页传递的参数并渲染页面，同时将数据缓存到本地。当用户修改地址后，提交的数据会与缓存数据进行比对。关键步骤涉及到JSON.stringify()和JSON.parse()的使用，用于对象和字符串之间的转换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面使用的是weui的组件。主要实现的思路：
1、从地址管理页跳转过来，在onload里面将传过来的参数address获取后，渲染到前台页面；同时将address数据缓存到本地；
2、修改地址后提交，提交的数据与缓存中的数据值比对。
注意点：从上一个页面中传过来的参数是对象转的字符串，当前页要转其转为json对象，方便获取数据。【JSON.stringify()将对象、数组转换成字符串；JSON.parse()将字符串转成json对象。】
wxml

<form bindsubmit="modifySubmit">
  <!-- 修改地址需要这两个id提交 -->
  <input value="{
  {addressid}}" name="addressid" hidden></input>
  <input value="{
  {userid}}" name="userid" hidden ></input>
  <view class="weui-cells weui-cells_after-title">
    <view class="weui-cell ">
      <view class="weui-cell__hd">
        <view class="weui-label">收货人</view>
      </view>
      <view class="weui-cell__bd">
        <input class="weui-input" name="contactname"  placeholder="请输入收货人姓名" value="{
  {contactname}}" />
      </view>
    </view>
    <view class="weui-cell">
      <view class="weui-cell__hd">
        <view class="weui-label">手机号</view>
      </view>
      <view class="weui-cell__bd

最低0.47元/天解锁文章