javascript - スクリプトファイルが外部に配置されている場合、${findState} 値が取得されない

Question

ajax 機能を備えた liferay ポートレットを作成しました。アプリケーションは正常に動作していますが、次のように jsp ページ内に ajax スクリプトを配置すると、${findState} URL を渡すことができるという問題があります。 javascipt を js ファイルの外側に含めて ajax をトリガーしようとすると、${findState} の値が取得されず、エラーが表示されます。

<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %>
<portlet:defineObjects />

<portlet:resourceURL id="findState" var="findState" ></portlet:resourceURL>

<script type="text/javascript">
$(document).ready(function(){

$( "#country" ).change(function() {
      $.ajax({
            url: "${findState}" ,
            type: 'POST',
            datatype:'json',
            data: { 
                    countryName: $("#country").val() 
              },
                success: function(data){
                var content= JSON.parse(data);
                $('#state').html('');// to clear the previous option
                $.each(content, function(i, state) {
                    $('#state').append($('<option>').text(state.name).attr('value', state.stateId));
                });
            }
        });
  }); 
});
</script>

<b>Change the Country State Change By Ajax</b> <br><br>
Country:
<select id="country" name="country">
<option value="select">Select Country</option>
<option value="india">India</option>
<option value="usa">USA</option>
</select>

<br><br>
State:
<select id="state" name="state">
</select>

これに対する解決策を教えてください