[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:ns0="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)">

<title>Best way to do AJAX... CF or jQuery?</title>
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
name="City"/>
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
name="place"/>
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
name="PersonName"/>

<style>

</style>

</head>
<body lang=EN-US link=blue vlink=purple>
<div class=Section1>
Rick,<o:p></o:p>
<o:p> </o:p>
So, lets crawl before we walk here. This
should help you understand using load() with CF basics.<o:p></o:p>
<o:p> </o:p>
-----------------------------------<o:p></o:p>
On your form page:<o:p></o:p>
<script src="js/jquery.js"
type="text/javascript"></script><o:p></o:p>
<script
type="text/javascript"><o:p></o:p>
 $(function(){<o:p></o:p>
 $("#realtor").change(
function() {<o:p></o:p>
 var
realtor_id = $(this).val();<o:p></o:p>
 $("#mycfpagecontent").load("mycfpage.cfm?realtor="
+ realtor_id);<o:p></o:p>
 });<o:p></o:p>
 });<o:p></o:p>
</script><o:p></o:p>
<select id="realtor"><o:p></o:p>
 <option
value="1">Matt</option><o:p></o:p>
 <option
value="2">Jacqui</option><o:p></o:p>
 <option
value="3">Julie</option><o:p></o:p>
</select><o:p></o:p>
<div
id="mycfpagecontent"></div><o:p></o:p>
-----------------------------------<o:p></o:p>
<o:p> </o:p>
Then on your query page: mycfpage.cfm<o:p></o:p>
<cfquery
name="get_realtor_info" datasource="myrealtordata"><o:p></o:p>
 SELECT fname,
lname<o:p></o:p>
 FROM realtorsdb<o:p></o:p>
 WHERE id
= #URL.realtor#<o:p></o:p>
</cfquery><o:p></o:p>
<cfdump var="#get_realtor_info#"><o:p></o:p>
-----------------------------------<o:p></o:p>
<o:p> </o:p>
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>
<o:p> </o:p>
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>
<o:p> </o:p>
After that, your to Rob Gonda’s
ajaxCFC…. Then you’re all set!<o:p></o:p>
<o:p> </o:p>
Hope that helps!<o:p></o:p>
<o:p> </o:p>
Michael<o:p></o:p>
<o:p> </o:p>
<o:p> </o:p>
<o:p> </o:p>
<o:p> </o:p>
<o:p> </o:p>
<o:p> </o:p>
<o:p> </o:p>
<o:p> </o:p>
<o:p> </o:p>
<o:p> </o:p>
<o:p> </o:p>
<o:p> </o:p>
<o:p> </o:p>
<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'>
<hr size=2 width="100%" align=center tabindex=-1>
</div>
From: discuss-bounces@jquery.com
[mailto:discuss-bounces@jquery.com] On Behalf
Of Rick Faircloth
Sent: Thursday, February 22, 2007
7:49 PM
To: '<st1:PersonName w:st="on">jQuery
Discussion.</st1:PersonName>'
Subject: Re: [jQuery] Best way to
do <st1:City w:st="on"><st1:place w:st="on">AJAX</st1:place></st1:City>... CF
or jQuery?<o:p></o:p>
</div>
<o:p> </o:p>
Hmmm… trying to
put this into action, but I’m not straight on how to do it.<o:p></o:p>
<o:p> </o:p>
I figured what you
meant was to create two pages… one page would have<o:p></o:p>
the <st1:City w:st="on"><st1:place
w:st="on">ajax</st1:place></st1:City> line you wrote out and the other would
the mycfpage.cfm<o:p></o:p>
<o:p> </o:p>
I have a query on the
mycfpage.cfm…<o:p></o:p>
<o:p> </o:p>
<CFQUERY
Name=”Get_Data” Datasource=”Bodaford”
MaxRows=”1”><o:p></o:p>
<o:p> </o:p>

Select Title, Text<o:p></o:p>

from announcements<o:p></o:p>
<o:p> </o:p>
</CFQUERY><o:p></o:p>
<o:p> </o:p>
…along with the
page HTML, body, head tags, etc… (or should it just have<o:p></o:p>
the query?)<o:p></o:p>
<o:p> </o:p>
Now I’m not sure
how you want me to put the jQuery code on a page that<o:p></o:p>
I called
ajax_test.cfm. Should the line you wrote out go in the body “as
is”<o:p></o:p>
or should it be
written out in the head section with the $(document).ready(function() {, etc<o:p></o:p>
around it?<o:p></o:p>
<o:p> </o:p>
You can tell, I’m
new to both jQuery and <st1:City w:st="on"><st1:place w:st="on">ajax</st1:place></st1:City>!<o:p></o:p>
<o:p> </o:p>
I appreciate your
help!<o:p></o:p>
<o:p> </o:p>
Rick<o:p></o:p>
<o:p> </o:p>
<o:p> </o:p>
<div>
<div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0in 0in 0in'>
From:
discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] On Behalf Of Michael E. Carluen
Sent: Thursday, February 22, 2007
9:01 PM
To: '<st1:PersonName w:st="on">jQuery
Discussion.</st1:PersonName>'
Subject: Re: [jQuery] Best way to
do <st1:City w:st="on"><st1:place w:st="on">AJAX</st1:place></st1:City>... CF
or jQuery?<o:p></o:p>
</div>
</div>
<o:p> </o:p>
Rick,<o:p></o:p>
<o:p> </o:p>
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>
Perhaps the simplest way to introduce yourself to an
“<st1:City w:st="on"><st1:place w:st="on">ajax</st1:place></st1:City>”
activity would be to use jQuery’s load() function.<o:p></o:p>
<o:p> </o:p>
Try this:<o:p></o:p>
<o:p> </o:p>
$("##displaycfoutput").load("mycfpage.cfm?param1=#something#&param2=#somethingelse#");<o:p></o:p>
<o:p> </o:p>
On your mycfpage.cfm, put a database query using the
URL vars your passed.<o:p></o:p>
<o:p> </o:p>
Hope that helps.<o:p></o:p>
<o:p> </o:p>
Michael<o:p></o:p>
<o:p> </o:p>
<o:p> </o:p>
<o:p> </o:p>
</div>
</div>
</body>
</html>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Topic Participants
cf_mecarluen

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

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

Topic Participants

cf_mecarluen