Too many requests to server with jQuery, how to reduce?

Too many requests to server with jQuery, how to reduce?

Hi,

I am very new to Javascript & jQuery, but I have managed to put the following script together which works,

<script>
$( "button" ).click(function() {
    var pn = $(".pn").text();
  $( "td.pn" ).each(function() {
      $(this).next().load("data.asp?prodref="+($(this).text()))
  });
  });
</script>

My issue is that the above script will make several requests to the server (repeating table so number will vary), and I was wondering how I can reduce this.

Currently data.asp?prodref= uses the value from class="pn" posted to the URL to query the database, and it will do this for every row returned (currently limited to 25).

I have been told to use an Ajax Array? Any help would be great.