使用Ajax更新多个值

时间:2016-07-02 10:06:09

标签: javascript php ajax

所以我习惯使用AJAX,我有一个简单的表单,用户输入一个数字(指一张工作卡),然后我想使用AJAX返回该工作卡的状态和优先级当用户点击更新时。

状态字段使用以下代码成功更新。

这是html表单:

<div class="JobCard">
No. <input id="num" type="text">
Status: <input id="status" type="text" readonly>
Priority: <input id="priority" type="text" readonly>
<input type="button" value="Update" onclick='showStatus(getElementById("num").value)'>
</div>

我的java脚本:

<script>
function showStatus(num) {
if (num == "") 
{
    document.getElementById("status").value = "";
    return;
} 
else
 { 
     xmlhttp = new XMLHttpRequest();
 } 

 xmlhttp.onreadystatechange = function() 
 {
 if (xmlhttp.readyState == 4 && xmlhttp.status == 200) 
        {
            document.getElementById("status").value = xmlhttp.responseText;
        }
 };
    xmlhttp.open("GET","getStatus.php?q="+num,true);
    xmlhttp.send();

}
</script>

还有我的getStatus.php文件:

<?php
require_once("../functions.php");
$num = sanitizeString($_GET['q']);
$result =  queryMySql(" SELECT `Status` FROM JobCardHead WHERE JobCardNum = '$num' ");
$row = $result->fetch_assoc();
$status = $row['Status'];
echo $status ; 
?>

我的问题是我如何扩展它以便优先级字段也更新。我知道我可以创建一个新函数showPriority()和新文件getPriority.php但我计划添加更多字段,所以我想知道这是否更有效。

0 个答案:

没有答案