我可以在一個腳本中使用多個函數嗎？

Question

我試圖一起使用Ajax，PHP和MySQL來創建表單元素，下拉式樣選擇輸入能夠選擇一個選項並讓ajax通過腳本將數據發送到數據庫並返回頁面到一個單獨的div。我有這個想法的大部分代碼。我現在的問題是這個。

我有三個下拉菜單，1想要去這個腳本。然後它將根據從中選擇哪個菜單轉到三個不同的$ GET腳本。

<script type="text/javascript"> 
function showUser(str) 
{ 
if (str=="") 
    { document.getElementById("txtHint").innerHTML=""; 
    return; } 
if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); } 
else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } 
    xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText; } 
    } 
xmlhttp.open("GET","getuser.php?q="+str,true); 
xmlhttp.send(); } 
</script> 

我有三個選擇元素伴隨着onchange函數。

<select name="characters" onchange="showCharacter(this.value)"> 
<select name="towers" onchange="showTowers(this.value)"> 
<select name="enemies" onchange="showEnemies(this.value)"> 

的PHP代碼我對這個劇本是這樣的：

<?php 

include("dbinfo.inc.php"); 

mysql_connect(localhost,$username,$password); 
@mysql_select_db($database) or die("Unable to select database"); 
mysql_select_db("db1801445-main", $con); 
$sql="SELECT * FROM user WHERE id = '".$q."'"; 
$result = mysql_query($sql); 
$q=$_GET["q"]; 

echo "<table border='1'> 
    <tr> 
    <th>Name</th> 
    <th>Description</th> 
    </tr>"; 
while($row = mysql_fetch_array($result)) 
    { 
    echo "<tr>"; 
    echo "<td>" . $row['Name'] . "</td>"; 
    echo "<td>" . $row['Description'] . "</td>"; 
    echo "</tr>"; 
    } 
echo "</table>"; 

mysql_close($con); 
?> 

IDK要不然怎麼做，所以你們可以幫助我嗎？

Answer 1

我同意使用jQuery將讓您的生活更容易，但要解決你的問題：

你能有這樣的JS代碼更普遍，因此會更容易重用：

<script type="text/javascript"> 
function doAjax(ajaxFunction, str) 
{ 
if (str=="") 
    { document.getElementById("txtHint").innerHTML=""; 
    return; } 
if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); } 
else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } 
    xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText; } 
    } 
xmlhttp.open("GET","getuser.php?q="+str+"func="+ajaxFunction,true); 
xmlhttp.send(); } 
</script> 

然後改變你的PHP這樣做：

<?php 
$sFunction = $_GET["func"]; 
$sQ =$_GET["q"]; 

switch($sFunction){ 

    case 'showUser': 
     //code here; 
    break; 
    case 'showTowers': 
     //code here; 
    break; 
    case 'showEnemies': 
     //code here; 
    break; 
    case 'showCharacters': 
     //code here; 
    break; 
} 

>

再換在T他前端：

<select name="characters" onchange="doAjax('showCharacter',this.value)"> 
<select name="towers" onchange="doAjax('showTowers',this.value)"> 
<select name="enemies" onchange="doAjax('showEnemies',this.value)">