Question

I have the following code:

<script type="text/javascript">
  $(function() {
    $('#bootChooserControl')
      .load('/jqia2/action/fetchBootStyleOptions');

    $('#bootChooserControl').change(function(event){
      $('#productDetailPane').load(
        '/jqia2/action/fetchProductDetails',
        {style: $(event.target).val()},
        function() { $('[value=""]',event.target).remove(); }
      );
    });

  });
</script>

My question is that why it doesn’t work for me if I change load('/jqia2/action/fetchBootStyleOptions') to load('/jqia2/action/fetchBootStyleOptions.php')

The same problem happens for fetchProductDetails.

Thank you.

Answer 1

/jqia2/action/fetchBootStyleOptions 

is being rewritten by the .htacccess rule to

/jqia2/chapter8/bootcloset/actions/fetchBootStyleOptions.php

so if you would like to call it directly, you could use

load('/jqia2/chapter8/bootcloset/actions/fetchBootStyleOptions.php')