jQuery .Load和iis7

Question

I am trying some AJAX calls for the first time. My site is hosted on my own IIS7, (http:// myUserName :8078/HomePage.aspx).

Here is the jScript.

<script type="text/javascript" src="jQuery1.4.2.js"/>
<script type="text/javascript">
    $(document).ready(LoadText);
function LoadText() {
    $("#Content1").load("data.txt");
}

"content1" is a content place holder. My IIS is set to .net 4 too.

My problem is that the data.txt contents is never loaded. It is in the same directory as the page. I haven't got much experience in IIS so I am wondering if I am missing a setting or something.

Thanks

Answer 1

You can't use a single-tag XHTML-style script tag for JavaScript. Change your first line to:

<script type="text/javascript" src="jQuery1.4.2.js"></script>

For some reason, the script tag can't be shortened down to just a single tag, you have to have separate opening and closing tags.

Answer 2

Is data.txt in the root folder of your site? If so, the .load() method takes a URL so try "/data.txt"

Answer 3

I recommend you pass the ClientID and file path into the function as arguments, but the code below should work:

<script type="text/javascript" src='<%= Page.ResolveUrl("~/jQuery1.4.2.js")%>'></script>
<script type="text/javascript">
   $(document).ready(function() {
      LoadText();
   });

   function LoadText() {
       $("#<%= Content1.ClientID %>").load('<%= Page.ResolveUrl("~/data.txt")%>');
   }
</script>

Answer 4

LoadText() is a function. Try:

 $(document).ready(
     LoadText();
 );

Also I would suggest using lower camel case for function names. Upper camel case functions as in LoadText() suggests by convention that it is a contructor.

 $(document).ready(
     loadText();
 );

You can also log something in the loadText() function to verify that it actually gets executed.

function loadText() {
    $("#Content1").load("data.txt");
    console.log('tried to load data.txt');
}