I have created a js file that contains: ...

.js files are not HTML files and should not contain tags, only pure JavaScript code. Also, if you want this to have maximum reusability, don't use jQuery's $(document).ready - only put JavaScript functions in the file.

But I am not sure how to reference it

That would be e.g. <script src="mycode.js"></script> (should be done after other dependencies like jQuery).

pass it the params that I would have passed to a script using /cgi/script.pl?paramA=1&paramB=2&param3=3

See jQuery's $.ajax function; I showed an example here - note that this example is regarding dynamic form submission, so the difference is that you don't have a <form>; the important part is the argument $.ajax({ data: ....

I am not sure how to pass it the HTML ID of the DIV that it must update with the visual result of its action on the server.

That would probably be easiest as a parameter to the JavaScript function that you define in your .js file Update: and this function is what you call from the <script> tags embedded in the HTML pages themselves.


In reply to Re: Perl AJAX jQuery, js file by haukex
in thread Perl AJAX jQuery, js file by monx663

Title:
Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post, it's "PerlMonks-approved HTML":



  • Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
  • Titles consisting of a single word are discouraged, and in most cases are disallowed outright.
  • Read Where should I post X? if you're not absolutely sure you're posting in the right place.
  • Please read these before you post! —
  • Posts may use any of the Perl Monks Approved HTML tags:
    a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, details, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
  • You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
            For:     Use:
    & &amp;
    < &lt;
    > &gt;
    [ &#91;
    ] &#93;
  • Link using PerlMonks shortcuts! What shortcuts can I use for linking?
  • See Writeup Formatting Tips and other pages linked from there for more info.