第一步选择支付方式，第二步如果用户想修改地址时，修改后点击保存，又要重新选择支付方式和配送地址，用户体验很不好，很多时候用户会觉得重复原来的动作，很麻烦，哪位知道如何防止页面刷新呢，希望提供一些解决方案或思路，谢谢！
测试地址：http://www.daligxx.com/Checkout
测试账号：18351816110
测试密码：1111
截图：
立即学习“Java免费学习笔记（深入）”；
第一步选择支付方式，第二步如果用户想修改地址时，修改后点击保存，又要重新选择支付方式和配送地址，用户体验很不好，很多时候用户会觉得重复原来的动作，很麻烦，哪位知道如何防止页面刷新呢，希望提供一些解决方案或思路，谢谢！
测试地址：http://www.daligxx.com/Checkout
测试账号：18351816110
测试密码：1111
截图：
立即学习“Java免费学习笔记（深入）”；
那个ajax做嘛，js模板之类的都可以
你觉得麻烦的话，其实还可以用个框架嵌套在里面。
可以用ajax做，顺带把数据记录到后台
那个地址的弹出层是个表单？preventDefault()，然后用ajax提交就好了吧。
这不是一个典型的页面局部刷新么。。。
ajax 提交你的新地址，保存成功后，修改主页面的地址内容，就完啦。。。
不需要刷新页面啊。。。。
大体思路是使用ajax发起异步请求，发送数据给服务器，让服务器端把数据保存到数据库，然后再处理后续的逻辑。
看了下这个页面是个表单，把表单使用preventDefault或者jQuery事件中的return false阻止掉：
<code class="javascript">//在引入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;
});</code>jQuery.ajax请参考文档《jQuery.ajax》
$.ajax，juqery的ajax技术可以实现
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
946
收藏
