在php中动态更改用户名设置

我想在用户更改设置时动态更改用户名。如果不刷新，则应更改名称。任何帮助都将不胜感激

设置代码文件： 管理面板：

管理员

我的ajax函数如下所示：

风险值frm=$（'.wrefresh'）；
提交财务报表（功能（ev）
{
ev.preventDefault（）；
var postdata=$（this.serialize（）；
var path=$（this.attr（“操作”）；
var methodtype=$（this.attr（“方法”）.toUpperCase（）；
//清除字段数据。（密码）。
$（'form:input[type=password]）.attr（'value'，''）；
//删除选定的图片字段。
$（'#Picture'）.attr（'src'，'../../img/User No Frame.png'）；
$.ajax
({
类型：mehtodtype，
url:path，
数据：postdata，
成功：功能（数据）
{
如果（数据==“请填写条目”）
{
$（'#fullname'）.css（“边框颜色”，“rgb（219,46,46）”）；
$（'old'）.css（“边框颜色”，“rgb（219,46,46）”）；
$（'#new'）.css（“边框颜色”，“rgb（219,46,46）”）；
$（'确认'）.css（“边框颜色”，“rgb（219，46，46）”）；
$（'#showmediv'）.show（）；
}
}
});
});

Html:

用户名：
旧密码：
新密码：
确认：


拯救
请输入字段

您需要更改显示在内部的用户名

<a class="name">

还有一件事：

---

当您发送ajax调用时，您需要在会话中设置新用户名。

我希望您尝试在不刷新的情况下发布表单，因为我不明白您想要实现什么

您需要做的是使用ajax提交表单。尝试此插件并添加以下代码

http://jquery.malsup.com/form/#ajaxSubmit

下载插件

在表格中加上这个

 <form onsubmit="javascript:login();return false;">

function action(){
  $('#form').ajaxSubmit({

target:'#output_login',
url:'./php/page.php'


});
 return false;

} 

函数动作（）{
$（'表格'）.ajaxSubmit({
目标：“#输出_登录”，
url:“./php/page.php”
});
返回false；
} 

我在ajax中的代码放在哪里？请参阅ajax基础：我在使用ajax。我重新编译我的代码，你能告诉我把我的会话PAR放在哪里吗？我添加了上面的HTML。Cookies是可以更改的，看起来SQL注入是可能的。嗯，我也在做同样的事情。它还隐藏了以前的用户名。不显示任何用户名（当前或以前）。

                            <form class="wrefresh" action="../Code Files/User.php" method="post">

                                    <div id="photo_settings2" style="margin-left:74px;">
                                            <img id="Picture" src="../../img/User No-Frame.png"/>       
                                    </div>

                                    <br><br><br><br>

                                    <div id='Upload_Panel' style="margin-left: 32px;">
                                            <input name='file' type='file' id='file_browse' onchange="readURL(this,'Picture')" style="cursor: pointer;"/>
                                    </div>

                                    <div id="delete" style="margin-top: -40px; margin-left: 198px; cursor: pointer">
                                            <img src="../../img/Delete_Panel.png">
                                    </div>

                                    <div style="margin-left:144px; margin-top:-15px"></div>

                                    <br><br> 

                                    <div class="row-form" style="margin-top:10px">
                                            <div class="span4">Username:</div>
                                            <div class="span8"><input id="fullname" style="border: 1px solid #918C8C" type="text" class="cNav" name="uname" value=""/></div>
                                    </div>

                                    <div class="row-form">
                                            <div class="span4">Old Password:</div>
                                            <div class="span8"><input id="old" style="border: 1px solid #918C8C" type="password" class="cNav" name="opass" value=""/></div>
                                    </div>

                                    <div class="row-form">
                                            <div class="span4">New Password:</div>
                                            <div class="span8"><input id="new" style="border: 1px solid #918C8C" type="password" class="cNav" name="npass" value=""/></div>
                                    </div>

                                    <div class="row-form">
                                            <div class="span4">Confirm:</div>
                                            <div class="span8"><input id="confirm" style="border: 1px solid #918C8C" type="password" class="cNav" name="cpass" value=""/></div>
                                    </div> 

                                    <br>


                                    <div class="row-fluid" style="margin-left:112px; margin-top:-05px">
                                            <div class="span9">
                                                    <button type="submit" class="btn btn-success" style="height:28px">Save</button>
                                                    <span id="showmediv" class="label label-important" style="display: none; margin-left: 14px; margin-top:-35px">Please Enter Fields</span>

                                            </div>

                                    </div>

                            </form>

<a class="name">

$.ajax
    ({
        type: mehtodtype,
        url: path,
        data: postdata,

        success: function(data) 
        {

            if(data === "Please Fill Entries.")
            {
                $('#fullname').css("border-color", "rgb(219, 46, 46)");
                $('#old').css("border-color", "rgb(219, 46, 46)");
                $('#new').css("border-color", "rgb(219, 46, 46)");
                $('#confirm').css("border-color", "rgb(219, 46, 46)");

                $('#showmediv').show();
               //get new name
                var userName = $("#fullname").val();
               // show new username
                $(".name").html(userName);
            }
        }
    });

http://jquery.malsup.com/form/#ajaxSubmit

 <form onsubmit="javascript:login();return false;">

function action(){
  $('#form').ajaxSubmit({

target:'#output_login',
url:'./php/page.php'


});
 return false;

}