Java 如何使用document.ready函数调用servlet类_Java_Jquery_Jsp_Servlets_Document Ready

Java 如何使用document.ready函数调用servlet类

java jquery jsp servlets

Java 如何使用document.ready函数调用servlet类,java,jquery,jsp,servlets,document-ready,Java,Jquery,Jsp,Servlets,Document Ready,我创建了一个名为roleManagement.jsp的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 "-//W3

我创建了一个名为roleManagement.jsp的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>

但是当我运行jsp页面时，它根本没有进入document.ready函数。我做错了什么。请帮忙。提前感谢

您需要使用ajax调用url作为RoleManagementController，而不是/jquery2xdemo/RoleManagementController，因为您将url模式配置为/RoleManagementController

检查jQuery是否正确连接到页面。以下建议可能有用：

尝试从google API中包含jQuery，例如

使用url标记库：

检查控制台（按浏览器中的[code>F12）是否存在任何javascript错误。查看是否正确包含Jquery库，即加载js/Jquery-2.0.3.js。它是否在提醒“在试用按钮代码中输入”。还有一个问题。我的下拉列表现在已填充，如何在我的servlet中获取选择更改时下拉列表的选定值？jQuery（“选择[id=ch_user1]”）。更改（函数（）{alert（this.value）；}）；

<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>