使用Javascript / jQuery更新JSON文件

时间:2015-10-23 10:17:45

标签: javascript php jquery json

对于学校我正在制作这个项目,我需要让用户更新他/她的个人资料,我已经制作了一段简单的代码,我实际上认为可以更新json文件。但它不起作用。 所以我的问题是:我可以更新我的' users.json'只使用Javascript / jQuery或者使用PHP会更容易/更好吗?

我的代码:

<h1>Edit profile</h1>
        <p>Input your email to edit your profile:</p>
        <input type="text" id="validatingEmail" placeholder="Email" required="required">
        <p>Edit your profile here:</p>
        <input type="text" id="newName" placeholder="New name here">
        <input type="text" id="newLastName" placeholder="New last name here">
        <input type="text" id="newMobile" placeholder="New mobile nr. here">
        <input type="text" id="newPassword" placeholder="New password here">
        <button class="btn btn-success" id="btnUpdateProfile">Update Profil</button>

$.getJSON('users.json', function(data){
                var sUsers = JSON.stringify(data);
                var oUsers = JSON.parse(sUsers);

                $(document).on('click', '#btnUpdateProfile', function(){
                    var validatingEmail = $('#validatingEmail').val();
                    var newName = $('#newName').val();
                    var newLastName = $('#newLastName').val();
                    var newMobile = $('#newMobile').val();
                    var newPassword = $('#newPassword').val();
                        for(var i = 0 ; i < oUsers.length ; i++){
                            if(validatingEmail == oUsers[i].email){
                                oUsers[i].name = newName;
                                oUsers[i].lastname = newLastName;
                                oUsers[i].mobile = newMobile;
                                oUsers[i].password = newPassword;
                                break;
                            }
                        }
                });
            });

[
{
    "name": "firstname",
    "lastname": "lastname",
    "email": "email",
    "mobile": "12345678",
    "password": "1234"
},
{
    "name": "firstname",
    "lastname": "lastname",
    "email": "email",
    "mobile": "12345678",
    "password": "123"
},
]

0 个答案:

没有答案