jquery - 如何将 jquery、ajax 集成到 JSP & JSF 中

Question

我已经在 html java 脚本上向 Ajax、jquery 部分发送了短信，它正在工作。但是我需要将这部分代码集成到我的 jsf/jsp 应用程序中。不知何故，它甚至没有调用我的 on Change 方法。我附上脚本的方式是否正确？jquery、ajax、jsf如何实现集成的例子不多。

<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" 
xmlns:h="http://java.sun.com/jsf/html" 
xmlns:jsp="http://java.sun.com/JSP/Page" 
xmlns:ui="http://www.sun.com/web/ui">
<jsp:directive.page contentType="text/html;charset=UTF-8" 
pageEncoding="UTF-8"/>
<f:view>
    <ui:page binding="#{dcm$App.page1}" id="page1">
        <ui:html binding="#{dcm$App.html1}" id="html1">
 <table border="0" cellpadding="0" cellspacing="0" width="98%">           

<td style="border: 1px solid black;">
   <ui:dropDown binding="#{dcm$App.ddlPolicyYear}" id="ddlPolicyYear" />
</td>

<script type="text/javascript" src="http://code.jquery.com/jquery- 
latest.min.js"></script>
<script>

        $('#ddlPolicyYear').on('change', function(){

              var text = $("#ddlPolicyPeriod option:selected").text();

                        data =  {ddlPolicyPeriod: text};
                                
                            $.ajax({           
                            url: 'populatePolicyDetails',
                            type: 'POST',
                            data: JSON.stringify(data),
                            contentType: "application/json",
                            complete: function (data) {

                            }
                        });
                    });
</script>

        </ui:html>
    </ui:page>
</f:view>
</jsp:root>

标签： jqueryajaxjspjsfjsf-1.2