JSP不调用ajax函数

Question

我已经编写了一个ajax函数，当有人从下拉列表中选择年份时将调用该函数。在选择年份时，ajax将根据传递的URL调用servlet，该servlet将在属性文件中设置一个值。然而，问题是，在选择年份时，我的ajax块没有被调用

</tr>
                    <tr>
                    <td>Year</td>
                    <td>
                        <html:select property="yearId" >
                            <html:options collection=
                                    "<%=GlobalValues.LIST_MODELYEAR%>" 
                                    property="id" labelProperty="value" />
                        </html:select>
                        (Required)
                    </td>
                </tr>

                <script>
        $(document).ready(function() 
        {
            $("#yearId").change(function() 
            {

                var selectedValue = $(this).find(":selected").val();
                $.ajax

                ({
                    url : "/ModelByYear.do?cID="+selectedValue+'',



                });
            });
        });
        </script>   

Answer 1

如下所示，从您的URL中删除/，该,不是必需的。

$.ajax({
         url : "ModelByYear.do?cID="+selectedValue
      });

尝试使用下面的代码

$.ajax({
  type: "GET",
  url: "ModelByYear.do",
  data: {cID:selectedValue},
  success: function(result){
              alert('Result: ' + result);
           },
   error: function(err){
               alert('Error: ' + e);     
          }
     });

• type是html请求类型您可以使用GET或POST
• ModelByYear.do是URL在您的情况下您必须在WEB.xml中映射此url模式

在使用jsp时，不要直接调用jsp页面，而是按照给定的here在WEB.xml中进行配置

Answer 2

也许你可以在调用AJAX之前先检查一下你构建的url？

$(document).ready(function() 
        {
            $("#yearId").change(function() 
            {
                var selectedValue = $(this).find(":selected").val();
                window.location = "/ModelByYear.do?cID="+selectedValue;
            });
        });