一个简单的AJAX与JSP示例

我正在尝试用JSP学习AJAX，我编写了以下代码。 这似乎不起作用。 请帮忙：

这是我的configuration_page.jsp

     function loadXMLDoc() { var xmlhttp; var config=document.getElementById('configselect').value; var url="get_configuration.jsp"; if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); } else { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET", url, true); xmlhttp.send(); }    
Saved Configurations
 Choose a configuration to run:  select config1 config2 config3   Submit  
 
Get data here
 
   

这是我的get_configuration.jsp，我试图从上面的AJAX代码访问：

       
Mee..
   

Answer 1

你在“configuration_page.jsp”文件中做错了。 在这个文件中，函数loadXMLDoc（）的第2行应该是这样的：

 var config=document.getElementsByName('configselect').value; 

因为您只在标签中声明了name属性。 所以你应该按名称获取这个元素。

更正后，它将运行没有任何JavaScript错误

Answer 2

我使用jQuery AJAX来发出AJAX请求。

检查以下代码：

         input:
 output:
  
  

Answer 3

loadXMLDoc JS函数应该返回false，否则会导致回发。