写一个修改密码的js 最好用ajax

Question

下面这个是后台过来的接口,//修改密码

 request=
{
    cmd: 'login',
    user: 'admin',//用户名
    oldPwd:'admin', //旧密码
    newPwd:'admin' //新密码
};
response=
{
    "error":{"code":0,"describtion":"success"} //code=0 表示修改成功
};

说明我这个是不需要连接后台的有人提供了接口给我！

下面的是HTML页面![HTML页面]

Answer 1

首先，如果你想用ajax方式提交的话，HTML代码中三个地方需要删除，如下图：

然后再JS中使用ajax方法调用你上面说的程序给的接口，但这里有一点，在你给的代码中上半部分是你需要传给程序的，下半部分是程序返给你的。

Ajax请求部分为：

<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<script type="text/javascript">
    $(function(){
        // 给你的HTML中的保存标签设置id为saveBtn
        $('#saveBtn').click(function(){
            var user = $('#user').val();
            var oldPwd = $('#pwd').val();
            var newPwd = $('#newPwd').val();
            $.ajax({
                type: 'get',
                url: 'https://www.demo.php', //程序给你的接口
                data: {
                    cmd: 'login',
                    user: 'user',//用户名
                    oldPwd: 'oldPwd', //旧密码
                    newPwd: 'newPwd' //新密码
                },
                dataType: 'json',
                success: function(response) {
                    // 这里的response就是程序返回的部分，如果你上面的结构没错的话，那么可以这么写
                    if(response.error.code == 0){
                        alert('修改密码成功！');
                        // 其他操作
                    }else{
                        alert('修改密码失败，请重试！');
                    }

                },
                error: function(response) {
                    alert('修改密码失败，请重试！');
                }
            });            
        }); 
    })
</script> 

希望可以帮助到你。