jQuery - Why can't I add the .php suffix to this Ajax load function

Question

Hello all,

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

Barring the fact that you're just pointing to invalid files by adding the .php (try navigating manually by putting 'window.location = "/jqia2/action/fetchBootStyleOptions.php"; in your function and see if it pulls up) you may be having an issue with MultiViews, check your .htaccess and you can also check out http://httpd.apache.org/docs/1.3/content-negotiation.html

Answer 2

/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')