tp中订单详情中ajax更换收货地址。

本文介绍了在ThinkPHP(TP)框架中如何实现在订单详情页面通过Ajax动态更换用户收货地址的步骤。包括前端HTML结构、JS交互逻辑以及后端处理方法,实现了收货地址的选择与更新功能。
摘要由CSDN通过智能技术生成

第一步:前端代码部分:

    <div class="quanjv_1">
        <notempty name="result">
        <div class="shouhuodizi_3">
            <div class="tianjia_dizhi_3 ">
                <h3>收货地址</h3>
            </div>
            <div class="frame_3 dd">
                <volist name="result" id="address">
                <div class="jvzhong_3">
                    <h4 class="shang_3 "><span>{$address.name}</span><span>{$address.phone}</span></h4>
                    <ul class="xia_3">
                        <li>{$address.province}</li>
                        <li>{$address.city}</li>
                        <li>{$address.county}</li>
                        <li>{$address.roadname}</li>
                    </ul>
                </div>
                   </volist>
            </div>
        </div>
        <else />
            <div class="tianjia_dizhi">
                <h3>收货地址</h3>
                <a href="__APP__/Weixin/Mengdian/add_address/seller_id/{$seller_id}/m_totle/{$m_totle}">添加</a>
            </div>
        </notempty>
        <div class="aaaa" class="hanggao">
            <div class="tianjia_dizhi_6">
                    <h3>选择收货地址</h3>
                    <a href="__APP__/Weixin/Mengdian/add_address/seller_id/{$seller_id}/m_totle/{$m_totle}">添加</a>
                </div>
            <div class="cccc">
                
                 <volist name="aress" id="ress">

                <div class="frame_6" id="{$ress.id}">
                   <div class="jvzhong_6">
                        <h4 class="shang_6"><span>{$ress.name}</span><span>{$ress.phone}</span></h4>
                        <ul class="xia_6">
                            <li>{$ress.province}</li>
                            <li>{$ress.city}</li>
                            <li>{$ress.county}</li>
                            <li>{$ress.roadname}</li>
                        </ul>

                    </div>
                        <a href="__APP__/Weixin/Mengdian/update_address/aid/{$ress.id}/seller_id/{$seller_id}/m_totle/{$m_totle}">修改</a>
        
                </div>
                                    </volist>

                </div>

        
        </div>

第二步:下边js部分

<script type="text/javascript">
    $('.frame_6').bind('click' , function(){
    var id  = $(this).attr('id')
    var name1  =  $(this).find('.shang_6 span').eq(0).text()
    var tel  =  $(this).find('.shang_6 span').eq(1).text()
    var province  =  $(this).find('.xia_6 li').eq(0).text()
    var shi =  $(this).find('.xia_6 li').eq(1).text()
    var xian =  $(this).find('.xia_6 li').eq(2).text()
    var xiang  =  $(this).find('.xia_6 li').eq(3).text()
    ajax=new XMLHttpRequest();
    ajax.open("get",'__APP__/Weixin/Mengdian/pretermit?addressid='+id);
    ajax.send();
    ajax.onreadystatechange=function(){
        if(ajax.readyState==4&&ajax.status==200){
            if(ajax.responseText==1){
                 $(".aaaa").hide();
                $('.shang_3 span').eq(0).text(name1);
                $('.shang_3 span').eq(1).text(tel);
                $('.xia_3 li').eq(0).text(province);
                $('.xia_3 li').eq(1).text(shi);
                $('.xia_3 li').eq(2).text(xian);
                $('.xia_3 li').eq(3).text(xiang);
             }else{
                 alert(失败);
            }

        }

    }
})
</script>

第三步:后端处理;

//设置默认收货地址
           public function pretermit(){
               $id=$_GET['addressid'];
          $usermobile=$_SESSION['usermobile'];//当前登录者用户手机号
          $user=M('user');
          $userdata=$user->where(array('tellphone'=>$usermobile))->find();
          $user_id=$userdata['id'];
          $data1=[
                  "status"=>0,
          ];
          $result1=M('user_address')->where(array("user_id"=>$user_id))->save($data1);
          $data2=[
                  "status"=>1,
          ];
          $result2=M('user_address')->where(array("user_id"=>$user_id,"id"=>$id))->save($data2);
 
          if($result1&&$result2){
              echo  1;
          }else{
              echo  0;
          }
         }




  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值