[jQuery] How can I get this title to display?
<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:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
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>Hi, all…<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>I’m running a query (rather a couple of queries via
ColdFusion) and then<o:p></o:p>
<p class=MsoNormal>returning the results via ajax for display on a page.<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>I’m using this code to output the results with no
problem:<o:p></o:p>
<p class=MsoNormal>(shortened verson)<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>-------------------------------------------------------------------------<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>function populateTable(response) {<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>var out = [];<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>$.each(response.QGETSECTIONS.DATA, function(i, row) {<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> out.push(‘<tr id = “’
+ row[0] + ‘”>’);<o:p></o:p>
<p class=MsoNormal> out.push(‘<td>”’
+ row[1] + ‘”</td>’);<o:p></o:p>
<p class=MsoNormal> out.push(‘</tr>’);<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>});<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> $(‘#sectionsTable’).html(out.join(‘’));<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>}<o:p></o:p>
<p class=MsoNormal>--------------------------------------------------------------------------<o:p></o:p>
<p class=MsoNormal>The code above displays the “sections” very
well.<o:p></o:p>
<p class=MsoNormal>However, now I’d like to display a result from a
different query, too,<o:p></o:p>
<p class=MsoNormal>which is title for the story to which the sections belong.<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>I tried writing a separate query and returning that data via
ajax<o:p></o:p>
<p class=MsoNormal>along with the other data, which works fine, but I can’t
get the<o:p></o:p>
<p class=MsoNormal>data in this second query to display. I tried this
code:<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>---------------------------------------------------------------------------<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>function populateSectionsTable(response) {<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> var out = [];<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> $.each(response.QGETSTORY.DATA,
function(i, row) {<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>
out.push(‘<tr>’);<o:p></o:p>
<p class=MsoNormal>
out.push(‘<td>Contents of the story, ”’ + row [0] + ‘”</td>’);<o:p></o:p>
<p class=MsoNormal>
out.push(‘</tr>’);<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> });<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> $(‘#sectionsTable’).html(out.join(‘’));<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> var out = [];<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> $.each(response.QGETSECTIONS.DATA,
function(i, row) {<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>
out.push(‘<tr>’);<o:p></o:p>
<p class=MsoNormal>
out.push(‘<td>”’ + row[1] + ‘”</td>’);<o:p></o:p>
<p class=MsoNormal>
out.push(‘</tr>’);<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> });<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> $(‘#sectionsTable.html(out.join(‘’));<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>}<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>-------------------------------------------------------------------------<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>The code above runs without error, but nothing from the
first<o:p></o:p>
<p class=MsoNormal>section of the query data in response.QGETSTORY.DATA,
etc., show up.<o:p></o:p>
<p class=MsoNormal>It’s like there’s nothing coming back in the
ajax response…but it is,<o:p></o:p>
<p class=MsoNormal>I can see it in Firebug.<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>Here’s the response I get in Firebug:<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>{ “QGETSECTIONS”:<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> { “COLUMNS:”
[“SECTION_ID”, “SECTION_SUBTITLE”, “TITLE”],<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> “DATA”:
[ [1, “First Section of CF Example”, “My
First CF Example”],<o:p></o:p>
<p class=MsoNormal>
[2, “Second
Section of CF Example”, “My First CF Example”],<o:p></o:p>
<p class=MsoNormal>
[3, “Third
Section of CF Example”, “My First CF Example”],<o:p></o:p>
<p class=MsoNormal>
[4,
“Fourth Section of CF Example”, “My First CF Example”]
]<o:p></o:p>
<p class=MsoNormal> },<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> “MESSAGE”:”Success”,<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> “QGETSTORY”:<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> {
“COLUMNS”: [“TITLE”],<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>
“DATA”: [ [“My
First CF Example”] ]<o:p></o:p>
<p class=MsoNormal> }<o:p></o:p>
<p class=MsoNormal>}<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>---------------------------------------------------------------------------------<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>In the code, above, I get the title I’m trying to
display, “My First CF Example”, in<o:p></o:p>
<p class=MsoNormal>the query, but can’t figure out how to access it…via
row[1,3] or whatever…<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>I tried running the separate query, “QGETSTORY”
to reference it in the output<o:p></o:p>
<p class=MsoNormal>of the table, but couldn’t get that to work, either.<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>And, although I’m using “.each” in the
second code example, I’m only outputting<o:p></o:p>
<p class=MsoNormal>the title once…I just didn’t know another syntax
to use, to I thought I try .each,<o:p></o:p>
<p class=MsoNormal>but just have it output the one result from the query.<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>Suggestions, anyone?<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>Thanks,<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>Rick<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal><i><span style='color:#A6A6A6'>---------------------------------------------------------------------------------------------------------------------------------------<o:p></o:p></span></i>
<p class=MsoNormal><i><span style='color:#A6A6A6'>"It has been my
experience that most bad government is the result of too much government."
- Thomas Jefferson<o:p></o:p></span></i>
<p class=MsoNormal><o:p> </o:p>
</div>
</body>
</html>