Javascript 使用ajax提交表单

我有一个表单，我正在使用ajax提交数据。但是firebug给了我一个错误“ReferenceError:editUser未定义”。该表单处于模式中，我正在使用该表单编辑用户信息。 请问有什么问题？ 我的表格是：

<script type="text/javascript">
  function editUser(ref) {
  var user_id=ref;
  var password= document.getElementById("password"+ref).value;
  var userName= document.getElementById("userName"+ref).value;
  var firstName= document.getElementById("firstName"+ref).value;
  var lastName= document.getElementById("lastName"+ref).value;
  var role= document.getElementById("role"+ref).value;
var resp;
 if (window.XMLHttpRequest) {
    resp = new XMLHttpRequest();
    xmlhttp = new XMLHttpRequest();
} else if (window.ActiveXObject) { 
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
var data = "user_id="+user_id+"&password="+password+"&userName="+userName+"&firstName="+firstName+"&lastName="lastName+"&role="+role
     xmlhttp.open("POST", 
      "update_user.php"); 
     xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");                  
     xmlhttp.send(data);
   xmlhttp.onreadystatechange =
  function display_data() {
   if (xmlhttp.readyState == 4 && xmlhttp.status==200) {

        alert(resp.responseText);    
         location.reload(true);
     } 
     }
  }
  </script>

echo '<div class="modal fade" id="users'.$ref.'" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">';
        echo     '<div class="modal-dialog">';
        echo     '<div class="modal-content">';
        echo   '<div class="modal-header">';
        echo '<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>';
        echo '<h4 class="modal-title">Edit User Information</h4>';
        echo' </div>';
        echo  '<div class="modal-body">';
        echo '<form method="post" action="users.php" id="edit">';
        echo '<label class="control-label col-md-3" >Username:</label><input class="form-control" name="userName" id="userName" style="width:310px" type="text" value="'.$row['userName'].'" required><br>';
        echo '<label class="control-label col-md-3" >Password:</label><input class="form-control" name="password" id="password" style="width:310px" type="text" value="'.$row['password'].'"required><br>';
        echo  '<label class="control-label col-md-3" >First Name:</label><input class="form-control" name="firstName" id="firstName" style="width:310px" type="text" value="'.$row['firstName'].'" required><br>';
        echo '<label class="control-label col-md-3" >Last Name:</label><input class="form-control" name="lastName" id="lastName" style="width:310px" type="text" value="'.$row['lastName'].'" required><br>';
        echo '<label class="control-label col-md-3" >Role:</label>';
        echo ' <select class="form-control" style="width:310px" name="role" id="role">';
        echo '<option value="'.$row['role'].'">'.$row['role'].'</option>';
        echo '<option value="Administrator">Administrator</option>';
        echo '<option value="Admissions">Admissions Officer</option>';
        echo '<option value="Finance">Finance Officer</option>';
        echo '<option value="Lecturer">Lecturer</option>';
        echo '<option value="Timetable">Time Tabling Officer</option>';
        echo ' <option value="Librarian">Librarian</option>';
        echo '<option value="Hostelier">Accomodation Officer</option>';
        echo '<option value="Election">Election Officer</option>';
        echo '<option value="Health">Health Officer</option>';
        echo '</select>';
        echo'<br>';
        echo'</form>';
        echo'</div>';
        echo'<div class="modal-footer">';
        echo'<button type="button" class="btn btn-default btn-danger" data-dismiss="modal"><i class="glyphicon glyphicon-remove glyphicon-large"></i>Cancel</button>';
        echo'<button type="button" class="btn btn-default btn-success" data-dismiss="modal" onclick="editUser('.$ref.')">Save</button>';
        echo'</div>';
        echo'</div>';
        echo'</div>';
        echo '</div>';
        echo '</div>';
        echo "<script> $('#users$ref').modal(show)</script>";

update_user.php:
<?php include('includes/conn.php');?>
<?php 
$id = intval($_POST['user_id']);
$userName = $_POST['userName'];
$password = $_POST['password'];
$firstName = $_POST['firstName'];
$lastName = $_POST['lastName'];
$role = $_POST['role'];

$sql="UPDATE users SET userName='$userName',password='$password',firstName='$firstName',lastName='$lastName',role='$role' WHERE id='$id' ";
$query=mysqli_query($query) or die(mysqli_error($conn));
if($query)
{
    echo "Operation was successful";
}
else
{
    echo "An error occured.Retry";
}
?> 

函数editUser（ref）{
var user_id=ref；
var password=document.getElementById（“password”+ref）.value；
var userName=document.getElementById（“userName”+ref）.value；
var firstName=document.getElementById（“firstName”+ref）.value；
var lastName=document.getElementById（“lastName”+ref）.value；
var role=document.getElementById（“角色”+ref）.value；
var-resp；
if（window.XMLHttpRequest）{
resp=新的XMLHttpRequest（）；
xmlhttp=新的XMLHttpRequest（）；
}如果（window.ActiveXObject）{
xmlhttp=新的ActiveXObject（“Microsoft.xmlhttp”）；
}
var data=“user\u id=“+user\u id+”&password=“+password+”&userName=“+userName+”&firstName=“+firstName+”&lastName=“lastName+”&role=“+role
open（“POST”，
“update_user.php”）；
setRequestHeader（“内容类型”，“应用程序/x-www-form-urlencoded”）；
发送（数据）；
xmlhttp.onreadystatechange=
函数显示_数据（）{
if（xmlhttp.readyState==4&&xmlhttp.status==200）{
警报（响应文本）；
位置。重新加载（true）；
} 
}
}
回声'；
回声'；
回声'；
回声'；
回音“×；”；
echo“编辑用户信息”；
回声'；
回声'；
回声'；
回显“用户名：
”；
回显“密码：
”；
回音“名字：
”；
回显“姓氏：
”；
回应“角色：”；
回声'；
回显'.$row['role'].'；
回音“管理员”；
echo“招生官”；
echo“财务官”；
回声“讲师”；
echo“时间表官员”；
回声“图书管理员”；
echo“住宿官员”；
echo"选举官员",；
echo“卫生官员”；
回声'；
回声“
”；
回声'；
回声'；
回声'；
回声“取消”；
呼应“拯救”；
回声'；
回声'；
回声'；
回声'；
回声'；
echo“$（'#users$ref'）.modal（show）”；
更新_user.php：
我使用了类似的功能发布到聊天室，我在表单页面上使用了以下代码：

JQuery:

脚本：

$（document）.ready（函数（）{//如果用户提交表单
$（“#提交表单”）。单击（函数（）{
var input_1=$（“#input_1”）.val（）；
$.post（“/submit.php”，{text:input_1}）；
$（“#input_1”）.attr（“value”，”）；
返回false；
});
});

Submit.php:

不太习惯于回答这里的问题，因此任何关于如何在未来提供更好帮助的指导原则都会有所帮助：）