php javascript查询结构

php javascript查询结构,javascript,php,structure,Javascript,Php,Structure,我只是想知道我在动态加载页面方面是否走上了正确的道路。基本上我有一个主页,我想从我的mysql数据库中加载组合框。目前我有一个onload=load\u home;功能在我的身体标签。这将调用我的js文件中的一个函数,该函数反过来调用我的load_home.php文件。load_home.php用html创建我的组合框并返回它。js然后使用 document.getElementByIdchange.innerHTML+=xmlhttp.responseText; 行将组合框添加到我的页面 这是

我只是想知道我在动态加载页面方面是否走上了正确的道路。基本上我有一个主页,我想从我的mysql数据库中加载组合框。目前我有一个onload=load\u home;功能在我的身体标签。这将调用我的js文件中的一个函数,该函数反过来调用我的load_home.php文件。load_home.php用html创建我的组合框并返回它。js然后使用 document.getElementByIdchange.innerHTML+=xmlhttp.responseText; 行将组合框添加到我的页面

这是我想要实现的一个很长的版本吗???我最好只是将结果集返回到javascript,然后使用json或其他东西为我的页面构建html。我只是想在我继续编码之前知道。第一个组合中的选定项将依次在另一个组合make和models中lod信息。我正在使用js,这样就可以在不重新加载页面的情况下完成

提前谢谢你

编辑

JavaScript文件:

function load_home() {

    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("data").innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET", "load_home.php", true);
    xmlhttp.send();
}
}
HTML文件:

</head>
<body onload="load_home();">

<p><b>Welcome to my page</b></p>
<div id="data">

</div>
</body>
</html>
这就是我每次想要更改页面元素时要做的事情。似乎有很多函数使用XMLHttpRequest来实现我想要的。load_home.php将从mysql数据库生成一个html表格。

My new Js

$(document).ready(function(){

$("#makeCombo").load("PHP/load_home.php");

});
我的php

<?php  
//connect to database
include('db_connect.php');  

$sql = "SELECT MAKES FROM makes_and_models GROUP BY MAKES ORDER BY MAKES ASC";  
$result = mysql_query($sql);  
//counter to control table rows -- will print 5 columns before moving to a new row
$count = 0;
echo '<select id="makeCombo">';
echo '<option value="Select Make">Select Make</option>';

while($row=mysql_fetch_array($result)) {  
    //if counter is 0 start new row

    echo '<option value="' . $row['MAKES'] . '">' . $row['MAKES'] . '</option>';


} 


echo '</select>';
//close db connection
mysql_close();

?>  

通过这种方式使用php设置combo,我是否走上了正确的轨道?

@rajat jain有什么评论吗?