[jQuery] Best way to do AJAX... CF or jQuery?

[jQuery] Best way to do AJAX... CF or jQuery?

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:st1="urn:schemas-microsoft-com:office:smarttags" xmlns="http://www.w3.org/TR/REC-html40"
xmlns:ns1="http://schemas.microsoft.com/office/2004/12/omml">
<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 11 (filtered medium)">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<title>Best way to do AJAX... CF or jQuery?</title>
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
name="place"/>
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
name="City"/>
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
name="PersonName"/>
<!--[if !mso]>
<style>
st1\:*{behavior:url(#default#ieooui) }
</style>
<![endif]-->
<style>
<!--p.MSONORMAL
{mso-style-unhide: no;
mso-style-qformat: yes
;}
li.MSONORMAL
{mso-style-unhide: no;
mso-style-qformat: yes
;}
div.MSONORMAL
{mso-style-unhide: no;
mso-style-qformat: yes
;}
a:link
{mso-style-priority: 99
;}
span.MSOHYPERLINK
{mso-style-priority: 99
;}
a:visited
{mso-style-priority: 99
;}
span.MSOHYPERLINKFOLLOWED
{mso-style-priority: 99
;}
p.MSOPLAINTEXT
{mso-style-priority: 99
;}
li.MSOPLAINTEXT
{mso-style-priority: 99
;}
div.MSOPLAINTEXT
{mso-style-priority: 99
;}
p
{mso-style-priority: 99
;}
pre
{mso-style-priority: 99
;}
span.HTMLPREFORMATTEDCHAR
{mso-style-unhide: no;
mso-style-priority: 99
;}
span.PLAINTEXTCHAR
{mso-style-unhide: no;
mso-style-priority: 99
;}
span.EMAILSTYLE22
{mso-style-unhide: no
;}
span.EMAILSTYLE23
{mso-style-unhide: no
;}
.MSOCHPDEFAULT
{mso-default-props: yes
;}
table.MSONORMALTABLE
{mso-style-qformat: yes;
mso-style-priority: 99
;}
/* Font Definitions */
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:Consolas;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{color:purple;
text-decoration:underline;}
p.MsoPlainText, li.MsoPlainText, div.MsoPlainText
{margin:0in;
margin-bottom:.0001pt;
font-size:10.0pt;
font-family:"Courier New";}
p
{mso-margin-top-alt:auto;
margin-right:0in;
mso-margin-bottom-alt:auto;
margin-left:0in;
font-size:12.0pt;
font-family:"Times New Roman";}
pre
{margin:0in;
margin-bottom:.0001pt;
font-size:10.0pt;
font-family:"Courier New";}
span.htmlpreformattedchar
{font-family:Consolas;}
span.plaintextchar
{font-family:Consolas;}
span.EmailStyle22
{mso-style-type:personal;
font-family:Arial;
color:navy;}
span.EmailStyle23
{mso-style-type:personal;
font-family:Arial;
color:#1F497D;}
span.EmailStyle24
{mso-style-type:personal;
font-family:Arial;
color:navy;}
span.EmailStyle25
{mso-style-type:personal-reply;
font-family:Arial;
color:navy;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 77.95pt 1.0in 77.95pt;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-US link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>Hi Andy… Yes, I agree- definitely
use cfoutput.  The cfdump was just to shorten the example code.<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>Michael<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<div style='border:none;border-left:solid blue 1.5pt;padding:0in 0in 0in 4.0pt'>
<div>
<div class=MsoNormal align=center style='text-align:center'><font size=3
face="Times New Roman"><span style='font-size:12.0pt'>
<hr size=2 width="100%" align=center tabindex=-1>
</span></font></div>
<p class=MsoNormal><b><font size=2 face=Tahoma><span style='font-size:10.0pt;
font-family:Tahoma;font-weight:bold'>From:</span></font></b><font size=2
face=Tahoma><span style='font-size:10.0pt;font-family:Tahoma'>
discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] <b><span
style='font-weight:bold'>On Behalf Of </span></b>Andy Matthews
<b><span style='font-weight:bold'>Sent:</span></b> Friday, February 23, 2007
6:15 AM
<b><span style='font-weight:bold'>To:</span></b> '<st1:PersonName w:st="on">jQuery
Discussion.</st1:PersonName>'
<b><span style='font-weight:bold'>Subject:</span></b> Re: [jQuery] Best way to
do <st1:City w:st="on"><st1:place w:st="on">AJAX</st1:place></st1:City>... CF
or jQuery?</span></font><o:p></o:p>
</div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=blue face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:blue'>Michael...</span></font><o:p></o:p>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'> <o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=blue face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:blue'>You probably shouldn't be using cfdump on
your output page. That includes loads of javascript, extra styles and lots of
HTML crap. You'd be better off using cfoutput or calling your CFC directly.</span></font><o:p></o:p>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><o:p> </o:p></span></font>
<div class=MsoNormal align=center style='text-align:center'><font size=3
face="Times New Roman"><span style='font-size:12.0pt'>
<hr size=2 width="100%" align=center tabIndex=-1>
</span></font></div>
<p class=MsoNormal style='margin-bottom:12.0pt'><b><font size=2 face=Tahoma><span
style='font-size:10.0pt;font-family:Tahoma;font-weight:bold'>From:</span></font></b><font
size=2 face=Tahoma><span style='font-size:10.0pt;font-family:Tahoma'>
discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] <b><span
style='font-weight:bold'>On Behalf Of </span></b>Michael E. Carluen
<b><span style='font-weight:bold'>Sent:</span></b> Friday, February 23, 2007
12:51 AM
<b><span style='font-weight:bold'>To:</span></b> '<st1:PersonName w:st="on">jQuery
Discussion.</st1:PersonName>'
<b><span style='font-weight:bold'>Subject:</span></b> Re: [jQuery] Best way to
do <st1:City w:st="on"><st1:place w:st="on">AJAX</st1:place></st1:City>... CF
or jQuery?</span></font><o:p></o:p>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>Rick,<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>So, lets crawl before we walk here. This
should help you understand using load() with CF basics.<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>-----------------------------------<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>On your form page:<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><script src="js/jquery.js"
type="text/javascript"></script><o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><script
type="text/javascript"><o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>           
$(function(){<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>                       
$("#realtor").change( function() {<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>                                   
var realtor_id = $(this).val();<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>                                   
$("#mycfpagecontent").load("mycfpage.cfm?realtor=" +
realtor_id);<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>                       
});<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>           
});<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'></script><o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><select id="realtor"><o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>           
<option value="1">Matt</option><o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>           
<option value="2">Jacqui</option><o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>           
<option value="3">Julie</option><o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'></select><o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><div
id="mycfpagecontent"></div><o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>-----------------------------------<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>Then on your query page: mycfpage.cfm<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><cfquery
name="get_realtor_info" datasource="myrealtordata"><o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>           
SELECT            fname,
lname<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>           
FROM   realtorsdb<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>           
WHERE            id =
#URL.realtor#<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'></cfquery><o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><cfdump
var="#get_realtor_info#"><o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>-----------------------------------<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>Once you get this, then your doing <st1:place
w:st="on"><st1:City w:st="on">Ajax</st1:City></st1:place> on CF.  <o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>Then go to <a
href="http://www.365labs.net/cf_jquery/jquery_coldfusion_quickstart.htm">http://www.365labs.net/cf_jquery/jquery_coldfusion_quickstart.htm</a><o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>After that, your to Rob Gonda’s
ajaxCFC…. Then you’re all set!<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>Hope that helps!<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>Michael<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font>
<div style='border:none;border-left:solid blue 1.5pt;padding:0in 0in 0in 4.0pt'>
<div>
<div class=MsoNormal align=center style='text-align:center'><font size=3
face="Times New Roman"><span style='font-size:12.0pt'>
<hr size=2 width="100%" align=center tabIndex=-1>
</span></font></div>
<p class=MsoNormal><b><font size=2 face=Tahoma><span style='font-size:10.0pt;
font-family:Tahoma;font-weight:bold'>From:</span></font></b><font size=2
face=Tahoma><span style='font-size:10.0pt;font-family:Tahoma'>
discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] <b><span
style='font-weight:bold'>On Behalf Of </span></b>Rick Faircloth
<b><span style='font-weight:bold'>Sent:</span></b> Thursday, February 22, 2007
7:49 PM
<b><span style='font-weight:bold'>To:</span></b> '<st1:PersonName w:st="on">jQuery
Discussion.</st1:PersonName>'
<b><span style='font-weight:bold'>Subject:</span></b> Re: [jQuery] Best way to
do <st1:place w:st="on"><st1:City w:st="on">AJAX</st1:City></st1:place>... CF
or jQuery?</span></font><o:p></o:p>
</div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>Hmmm… trying to
put this into action, but I’m not straight on how to do it.<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>I figured what you
meant was to create two pages… one page would have<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>the <st1:place w:st="on"><st1:City
w:st="on">ajax</st1:City></st1:place> line you wrote out and the other would
the mycfpage.cfm<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>I have a query on the
mycfpage.cfm…<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'><CFQUERY
Name=”Get_Data” Datasource=”Bodaford”
MaxRows=”1”><o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>    
Select Title, Text<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>      
from announcements<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'></CFQUERY><o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>…along with the
page HTML, body, head tags, etc… (or should it just have<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>the query?)<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>Now I’m not sure
how you want me to put the jQuery code on a page that<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>I called
ajax_test.cfm.  Should the line you wrote out go in the body “as
is”<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>or should it be
written out in the head section with the $(document).ready(function() {, etc<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>around it?<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>You can tell,
I’m new to both jQuery and <st1:place w:st="on"><st1:City w:st="on">ajax</st1:City></st1:place>!<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>I appreciate your
help!<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>Rick<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#1F497D'><o:p> </o:p></span></font>
<div>
<div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0in 0in 0in'>
<p class=MsoNormal style='margin-left:.5in'><b><font size=2 face=Tahoma><span
style='font-size:10.0pt;font-family:Tahoma;font-weight:bold'>From:</span></font></b><font
size=2 face=Tahoma><span style='font-size:10.0pt;font-family:Tahoma'>
discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] <b><span
style='font-weight:bold'>On Behalf Of </span></b>Michael E. Carluen
<b><span style='font-weight:bold'>Sent:</span></b> Thursday, February 22, 2007
9:01 PM
<b><span style='font-weight:bold'>To:</span></b> '<st1:PersonName w:st="on">jQuery
Discussion.</st1:PersonName>'
<b><span style='font-weight:bold'>Subject:</span></b> Re: [jQuery] Best way to
do <st1:place w:st="on"><st1:City w:st="on">AJAX</st1:City></st1:place>... CF
or jQuery?<o:p></o:p></span></font>
</div>
</div>
<p class=MsoNormal style='margin-left:.5in'><font size=3 face="Times New Roman"><span
style='font-size:12.0pt'><o:p> </o:p></span></font>
<p class=MsoPlainText style='margin-left:.5in'><font size=2 face="Courier New"><span
style='font-size:10.0pt'>Rick,<o:p></o:p></span></font>
<p class=MsoPlainText style='margin-left:.5in'><font size=2 face="Courier New"><span
style='font-size:10.0pt'><o:p> </o:p></span></font>
<p class=MsoPlainText style='margin-left:.5in'><font size=2 face="Courier New"><span
style='font-size:10.0pt'>You need both.  You use jQuery to send requests
to a server side scripting language like CF (or php, asp, cgi, etc) .<o:p></o:p></span></font>
<p class=MsoPlainText style='margin-left:.5in'><font size=2 face="Courier New"><span
style='font-size:10.0pt'>Perhaps the simplest way to introduce yourself to an
“<st1:place w:st="on"><st1:City w:st="on">ajax</st1:City></st1:place>”
activity would be to use jQuery’s load() function.<o:p></o:p></span></font>
<p class=MsoPlainText style='margin-left:.5in'><font size=2 face="Courier New"><span
style='font-size:10.0pt'><o:p> </o:p></span></font>
<p class=MsoPlainText style='margin-left:.5in'><font size=2 face="Courier New"><span
style='font-size:10.0pt'>Try this:<o:p></o:p></span></font>
<p class=MsoPlainText style='margin-left:.5in'><font size=2 face="Courier New"><span
style='font-size:10.0pt'><o:p> </o:p></span></font>
<p class=MsoPlainText style='margin-left:.5in'><font size=2 face="Courier New"><span
style='font-size:10.0pt'>$("##displaycfoutput").load("mycfpage.cfm?param1=#something#&param2=#somethingelse#");<o:p></o:p></span></font>
<p class=MsoPlainText style='margin-left:.5in'><font size=2 face="Courier New"><span
style='font-size:10.0pt'><o:p> </o:p></span></font>
<p class=MsoPlainText style='margin-left:.5in'><font size=2 face="Courier New"><span
style='font-size:10.0pt'>On your mycfpage.cfm, put a database query using the
URL vars your passed.<o:p></o:p></span></font>
<p class=MsoPlainText style='margin-left:.5in'><font size=2 face="Courier New"><span
style='font-size:10.0pt'><o:p> </o:p></span></font>
<p class=MsoPlainText style='margin-left:.5in'><font size=2 face="Courier New"><span
style='font-size:10.0pt'>Hope that helps.<o:p></o:p></span></font>
<p class=MsoPlainText style='margin-left:.5in'><font size=2 face="Courier New"><span
style='font-size:10.0pt'><o:p> </o:p></span></font>
<p class=MsoPlainText style='margin-left:.5in'><font size=2 face="Courier New"><span
style='font-size:10.0pt'>Michael<o:p></o:p></span></font>
<p class=MsoPlainText style='margin-left:.5in'><font size=2 face="Courier New"><span
style='font-size:10.0pt'><o:p> </o:p></span></font>
<p class=MsoPlainText style='margin-left:.5in'><font size=2 face="Courier New"><span
style='font-size:10.0pt'><o:p> </o:p></span></font>
<p class=MsoPlainText style='margin-left:.5in'><font size=2 face="Courier New"><span
style='font-size:10.0pt'><o:p> </o:p></span></font>
</div>
</div>
</div>
</body>
</html>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/