这是使用AJAX的示例代码。有关更多信息,请阅读内联注释。
Servlet:
在
doGet()方法中从数据库中获取数据,然后简单地将逗号分隔的字符串写入HTTP响应,并将其刷新到客户端。
HTML:
<head><script type="text/javascript"> $(document).ready( function() { // When the HTML DOM is ready loading, then execute the following function... $('.btn-click').click( function() { // Locate HTML DOM element with ID "somebutton" and assign the following function to its "click" event... $.get('myServletURL', function(responseJson) { // Execute Ajax GET request on URL of "someservlet" and execute the following function with Ajax response JSON... //alert(responseJson); var $select = $('#maindiv'); // Locate HTML DOM element with ID "someselect". $select.find('option').remove(); // Find all child elements with tag name "option" and remove them (just to prevent duplicate options when button is pressed again). var items = responseJson.split(','); for ( var i = 0; i < items.length; i++) { $('<option>').val(items[i]).text(items[i]).appendTo($select); // Create HTML <option> element, set its value with currently iterated key and its text content with currently iterated item and finally append it to the <select>. } }); }); });</script></head><body> <select id="maindiv" ></select> <input type="button" id="best" value="check" /></body>


