javascript-结算页面，修改地址保存时如何防止页面刷新？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-结算页面，修改地址保存时如何防止页面刷新？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1786字，纯文字阅读大概需要3分钟。

内容图文

第一步选择支付方式，第二步如果用户想修改地址时，修改后点击保存，又要重新选择支付方式和配送地址，用户体验很不好，很多时候用户会觉得重复原来的动作，很麻烦，哪位知道如何防止页面刷新呢，希望提供一些解决方案或思路，谢谢！

测试地址：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技术可以实现

内容总结

以上是互联网集市为您收集整理的javascript-结算页面，修改地址保存时如何防止页面刷新？全部内容，希望文章能够帮你解决javascript-结算页面，修改地址保存时如何防止页面刷新？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端