第一步选择支付方式,第二步如果用户想修改地址时,修改后点击保存,又要重新选择支付方式和配送地址,用户体验很不好,很多时候用户会觉得重复原来的动作,很麻烦,哪位知道如何防止页面刷新呢,希望提供一些解决方案或思路,谢谢!
测试地址:http://www.daligxx.com/checkout
测试账号:18351816110
测试密码:1111
截图:
回复内容: 第一步选择支付方式,第二步如果用户想修改地址时,修改后点击保存,又要重新选择支付方式和配送地址,用户体验很不好,很多时候用户会觉得重复原来的动作,很麻烦,哪位知道如何防止页面刷新呢,希望提供一些解决方案或思路,谢谢!
测试地址:http://www.daligxx.com/checkout
测试账号:18351816110
测试密码:1111
截图:
那个ajax做嘛,js模板之类的都可以
你觉得麻烦的话,其实还可以用个框架嵌套在里面。
可以用ajax做,顺带把数据记录到后台
那个地址的弹出层是个表单?preventdefault(),然后用ajax提交就好了吧。
这不是一个典型的页面局部刷新么。。。
ajax 提交你的新地址,保存成功后,修改主页面的地址内容,就完啦。。。
不需要刷新页面啊。。。。
大体思路是使用ajax发起异步请求,发送数据给服务器,让服务器端把数据保存到数据库,然后再处理后续的逻辑。
看了下这个页面是个表单,把表单使用preventdefault或者jquery事件中的return false阻止掉:
//在引入jquery的情况下$('form').on('submit', function (e) { var usernickname = $('unickname').val(),//获取收件人姓名 userphone = $('uphone').val(),//获取联系人手机号 useraddress = $('uaddress').val();//获取详细地址 //验证是否合法,如果不合法直接return false并弹出相应的错误提示 //进行ajax保存用户填写的信息 $.ajax({ datatype: 'json',//表示服务器端返回的数据格式 contenttype: 'application/json', data: { un: usernickname, up: userphone, ua: useraddress },//异步发送给后端 success: function () { //请求成功后的处理 }, error: function () { //请求失败的处理 } }); //阻止表单提交(jquery已经把兼容性封装好了) return false;});
jquery.ajax请参考文档《jquery.ajax》
$.ajax,juqery的ajax技术可以实现