Javascript 使用ajax发送参数不起作用

我正在尝试使用ajax将一些变量发送到php页面，然后在div中显示它们，但它不起作用

Html代码：

<div id="center">
    <form>                                  
        <input type="text" id="toSearch" class="inputText" title="Search for ...">              
        <select name="thelist1" id="ecoElem" class="comboBox">
            <option>-- Ecosystem Element --</option>
        </select> 
        <select name="thelist2" id="ecoActor" class="comboBox">                         
            <option>-- Ecosystem Actor --</option>
        </select>   
        <input type="button" value="Search" id="searchButton" onclick="loadData();">
    </form>        
</div>
 <div id="resBox">
    </div>

最后是php页面：

<?php   
$searchT = $_POST['text'];
$ecoElem = $_POST['elem'];
$ecoActor = $_POST['actor'];
echo $searchT;
?>

---

就是这样，我已经为此工作了几个小时，但仍然没有弄清楚。

尝试更改按钮，使onclick返回false（如果提交表单的话）

---

您还可以使用JQuery

function loadData(){   
     var searchT = $('#toSearch').val(); 
     var toSearch = $('#ecoActor ').val();    
     var ecoActor = $('#ecoActor').val();
     $.post("databaseRead.php"),{ text:searchT, elem:toSearch, actor:ecoActor },
          function(data){
          $('#resBox').html(data);
     });
}

---

div=resBox在下面一点，忘记把它放进去了。点击提交按钮后页面是否正在刷新？从我看到的代码来看，表单是定期提交的，ajax回调很可能没有机会运行。实际上，当我在send（）中没有设置任何参数时，它会刷新，但像这样它不会。感谢您的帮助，但是当调整代码以将其放在这里并删除所有注释和内容时，它工作得很好。谢谢你的帮助

<input type="button" value="Search" id="searchButton" onclick="loadData();return false;">

xmlhttp.send("text=" + encodeURIComponent(searchT) + "&elem=" + + encodeURIComponent(ecoElem) + "&actor=" + + encodeURIComponent(ecoActor));}

function loadData(){   
     var searchT = $('#toSearch').val(); 
     var toSearch = $('#ecoActor ').val();    
     var ecoActor = $('#ecoActor').val();
     $.post("databaseRead.php"),{ text:searchT, elem:toSearch, actor:ecoActor },
          function(data){
          $('#resBox').html(data);
     });
}