AJAX入门 – 通过PHP更新表单

我有一个简单的HTML表单，从选择菜单开始，用户可以从项目列表中进行选择。我在这里用HTML表单创建了一个简单的JSFiddle：

http://jsfiddle.net/AZ4PM/

我想要发生的是，当用户从列表中选择时，它会触发一个要执行的PHP脚本，该脚本从他们选择的ProjectNumber获取值并将其作为参数传递，例如，如果我选择项目A，则URL将是：

getProjectPhases.php？projectNumber = 10000

这个PHP脚本然后将返回一个新的表格单元格，然后我想将其作为表格中的第二个单元格出现。它包含一个新的选择菜单，其值根据第一个选择菜单中的选择而变化。这个php页面手动运行良好，但是现在我需要在用户从Project Number菜单中进行选择时触发它。

我是AJAX的新手，并希望在我学习的同时从一个简单的例子开始一步一步。我很高兴使用jQuery，如果这让事情变得更容易。

欣赏任何指向我需要包含的基本元素的指针（假设至少有一个js文件等）。

我有一些非常相似的东西：

 Project Name

以上只是使用projectNumber参数调用showUser函数

然后，我有：

该脚本将调用url url.com/ajax/whateverIdIsSelected

在该页面中，您希望对查询执行任何操作。

至于要返回什么，我有这个设置使用json，我为什么我有线

  var obj = eval('(' + this.responseText + ')');

this.reponseText是从ajax页面返回的内容。我的回电看起来像这样

 $projectData = json_encode($project); echo $projectData;

其中$ project是一个包含项目属性的数组。

我对ajax或js不太满意，但我按照我喜欢的方式工作。如果您有疑问，请告诉我

将id传递给选项选择列表

然后调用具有这些的方法，然后通过Ajax调用解析它。

 var pvalue = document.getElementById('ProjectNumber').value; var url = 'getProjectPhases.php?projectNumber='+pvalue;

首先，你需要将JQuery change() Handler绑定到下拉菜单，调用一个启动ajax请求的函数，看一下你需要做的事情的jQuery get函数：

 $.get("getProjectPhases.php", { projectNumber: this.val() }, function(data){ //Update your output using the data var );

其中data是getProjectPhases的输出，因此输出纯文本和没有html标签或者什么都可能是个好主意。