В этой статье в виде примеров анализируется взаимодействие Ajax и сервлета, а в коде есть более подробные комментарии, которые помогут каждому прочитать и понять. Конкретный метод реализации заключается в следующем:
1. Часть JavaScript
var req; /*Отправляем параметры в ajaxServlet посредством асинхронной передачи XMLHTTP и возвращаем квалифицированные XML-документы*/ var url; function getResult() { var f=document.getElementById("form_pub"); ; //Получаем ссылку на текст в select if (window.XMLHttpRequest) { req = new XMLHttpRequest(); url = "ajaxServlet?action="+key+"&bm=UTF-8"; }else if (window.ActiveXObject) { req = new ActiveXObject("Microsoft.XMLHTTP"); url = "ajaxServlet?action= "+key+"&bm=gbk"; } if(req) { req.open("GET",url, true); req.setRequestHeader("Content-Type", "text/html;charset=UTF-8"); //Если заголовок здесь не установлен, это приведет к тому, что firfox отправит данные неправильно, и параметры, полученные сервлетом, будут быть искаженным. В IE Medium обычное req.onreadystatechange = Complete; charset=UTF-8"); } } /*Анализируем возвращенный XML-документ*/ function Complete(){ if (req.readyState == 4) { if (req.status == 200) { var items=document.getElementById ("принадлежит"); // Ниже приведен XML-документ, полученный в результате анализа var xmlDoc = req.responseXML var; Node=xmlDoc.getElementsByTagName("type_name"); //var str=new Array(); var str=null; //Очистить рабочие элементы.innerHTML=""; //Удалить все содержимое в выборе for(var i = 0;i<Node.length;i++) { str=Node[i]; //alert(str.childNodes[0].nodeValue); objectOption=document.createElement("option"); items.options.add(objectOption); //firfox не поддерживает внутренний текст и его необходимо заменить на textContent if (window.ActiveXObject) {objectOption.innerText=str.childNodes[0] .nodeValue; } else {objectOption.textContent=str.childNodes[0].nodeValue;} } } } }2. Сторона сервлета:
пакет ajax;импорт java.io.IOException;импорт java.io.PrintWriter;импорт javax.servlet.ServletException;импорт javax.servlet.http.HttpServlet;импорт javax.servlet.http.HttpServletRequest;импорт javax.servlet.http.HttpServletResponse ;импорт Data_GetConn.GetConn;//Этот пакет написан мной, чтобы получить ссылку на mysql, импортируйте java.sql.*;//Он должен быть в этом пакете! ! public class ajaxServlet расширяет HttpServlet{ //private static Final String CONTENT_TYPE = "text/xml; charset=UTF-8";//Лучше всего использовать UTF-8 для кодирования здесь public void init() выдает ServletException{} public void doGet (запрос HttpServletRequest, ответ HttpServletResponse) выдает ServletException, IOException { response.setContentType("text/xml; charset=UTF-8"); //Следующие два предложения предназначены для отмены локального кэша response.setHeader("Cache-Control", "no-cache"); " Pragma", "no-cache"); PrintWriter out = response.getWriter(); String action = request.getParameter("action"); request.getParameter("bm"); if(("gbk").equals(bm)) { action=new String(action.getBytes("ISO-8859-1"),"gbk");//получится Данные перекодируются с помощью gbk! (Спасибо учителю Дон Вэю) } else { action=new String(action.getBytes("ISO-8859-1"),"gbk" } try { GetConn wq=new GetConn(); ( ); Statement stmt=con.createStatement(); ResultSet rs=stmt.executeQuery("выбрать элементы из класса, где main=""+action+"'"); StringBuffer sb = new StringBuffer(); sb.append("<type>"); while(rs.next()) { sb.append("<type_name>"+rs .getString(1)+"</type_name>"); } //sb.append("<type_name>"+action+"</type_name>"); sb.append("</type>"); out.write(sb.toString());//Обратите внимание на вывод потока в jsp, метод перехвата out.close(); stmt.close(); ; con.close(); } catch(Исключение ex) { } }}