简单的Ajax实现订单地址转换



功能简述:当用户下订单的时候,需要用其他的地址,而不是默认地址。用户点击其他的地址,下面订单的地址随着变换。


这里写图片描述
这里写图片描述

代码块


jsp中的代码

$(function(){
            //checkId是标签的id属性的值
            $('[id^=checkId]').click(function(){
                    $.ajax({
                        type:"post",
                        url:"×××Action.action",//对应的ActionName
                        data:{
                            //传的值是当前点击单元的value值
                            "addressId":$(this).val()
                        },
                        dataType:"json",
                        success:function(data){
                            //将数据转换成json类型
                            var d = eval("("+data+")");
                            //将json数据显示到对应的位置
                            $("#receiveArea").text(""+d.receiveArea+"");
                            $("#detailArea").text(""+d.detailArea+"");
                            $("#receiver").text(""+d.receiver+"");
                            $("#phone").text(""+d.phone+"");
                        },
                        error:function(){
                            alert("系统异常,请稍后重试!");
                        }
                    });
                });
        });



Action代码

public class AjaxShowAddressAction extends ActionSupport{

    private static final long serialVersionUID = 1L;
    private int addressId;  //前台传进来的属性
    private String result;   //用于返回给前台的属性

    public String execute() throws Exception {
        try {
            Map<String,String> map = new HashMap<String,String>();
            //地址表的DAO包
            ReceiveAddressDAO addressDao = new ReceiveAddressDAO();
            ReceiveAddressDTO addressDto = addressDao.getAddressByAddressId(addressId);
            //通过map构造JSON格式
            map.put("receiveArea", addressDto.getReceiveArea());
            map.put("detailArea", addressDto.getDetailArea());
            map.put("receiver", addressDto.getReceiver());
            map.put("phone", addressDto.getPhone());
            //JSON转换成String进行传输
            JSONObject json = JSONObject.fromObject(map);
            result = json.toString();//给result赋值,传递给页面
        } catch (Exception e) {
            e.printStackTrace();
        }
        return SUCCESS;
    }

    public int getAddressId() {
        return addressId;
    }

    public void setAddressId(int addressId) {
        this.addressId = addressId;
    }

    public String getResult() {
        return result;
    }

    public void setResult(String result) {
        this.result = result;
    }

}



struts.xml代码

 <!-- Ajax获取地址信息action --> 
         <action name="ajaxShowAddressAction" class="com.drugstore.action.AjaxShowAddressAction">
             <result name="success" type="json">
                 <!-- 这里还不是很懂,有root与没有root的区别--> 
                <param name="root">result</param>
             </result>
         </action>




遇到的困难:map转换成json数据的时候,总是无法转换,甚至完全没有执行JsonObject .fromObject(map)这条语句,之后经过调试,发现原来在myeclipse导入struts的包中,缺少一个ezmorph-1.0.6.jar,其他json需要的包都有,就缺它


注意点:确保传给前台的result格式完全符合json格式。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值