Как вызвать класс сервлета с помощью функции document.ready
Я создал JSP-файл с именем roleManagement.jsp:
<%@page import="com.sun.org.apache.xalan.internal.xsltc.compiler.sym"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Role Management</title>
<script type="text/javascript" src="js/jquery-2.0.3.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function() {
alert("entered in trial button code");
$.ajax({
type: "GET",
url:"/jquery2xdemo/RoleManagementContoller",
dataType: "json",
success: function (data) {
$.each(data.aaData,function(i, obj) {
alert(obj.value + ":" + obj.text);
var div_data = "<option value=" + obj.value + ">" + obj.text + "</option>";
alert(div_data);
$(div_data).appendTo('#ch_user1');
});
}
});
});
</script>
<div id="div_source1">
<select id="ch_user1" >
<option value="select"></option>
</select>
</div>
<input type="button" id="id_trial" name="btn_trial" value="Trial Button..">
</body>
</html>
В приведенном выше коде я пытаюсь вызвать свой сервлет на $(document).ready
функция. Но я не могу этого сделать. Я отобразил информацию о сервлете в web.xml как:
<servlet>
<description></description>
<display-name>RoleManagementContoller</display-name>
<servlet-name>RoleManagementContoller</servlet-name>
<servlet-class>com.programmingfree.controller.RoleManagementContoller</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>RoleManagementContoller</servlet-name>
<url-pattern>/RoleManagementContoller</url-pattern>
</servlet-mapping>
Но когда я запускаю свою страницу jsp, она не попадает внутрь функции document.ready. Что я делаю неправильно. Пожалуйста помоги. заранее спасибо
2 ответа
Проверьте, чем JQuery правильно подключен к странице. Следующие советы могут быть полезны:
- Попробуйте включить JQuery из Google API, например,
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js"></script>
- Используйте тег url lib:
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<script src="<c:url value="/resources/js/jQuery/jquery.js" />" ></script>
Вам нужно использовать URL-адрес вызова ajax как RoleManagementContoller вместо /jquery2xdemo/RoleManagementContoller, поскольку вы настроили шаблон URL-адреса как / RoleManagementContoller