Ajax display issue

[trupti nigam]

I am new to Ajax. I have done some basic reading from the w3schools. I have a JSP page that needs to display the real time notifications on the JSP page as table row format.
When the new notification is received, I save the object received from notification in a java list.
My problem is I am unable to display the contents of this list on JSP page on each separate like. The list displays as continuous text on the JSP which is not readable. Below is the code.

Trades.jsp

<%
   response.setHeader("Cache-Control","no-cache");
   response.setHeader("Pragma","no-cache");
   response.setDateHeader ("Expires", 0);

   List<TradeCaptureReport> tcrList = DealResponseManager.getInstance().getAllDealResponses();
   StringBuffer sbfRes = new StringBuffer();
   if(tcrList != null  && tcrList.size() != 0)
   {
       for(TradeCaptureReport tcr:tcrList)
       {
//          sbfRes.append(tcr).append("\n\r");
          sbfRes.append("TradeID: ").append(tcr.getTradeID()).append(" ").append("RejectRsn: ");
          sbfRes.append(tcr.getRejRsn()).append(" MtchStatus:  ").append( tcr.getMatchStatus());
          sbfRes.append(" FirmTradeID: ").append(tcr.getSides().get(0).getFirmTradeID()).append("\n\n\r");
       }
   }
 %>

  <result>
      <responseM>
          <%= sbfRes.toString()%>
      </responseM>
  </result>

messgae.html

if (req.readyState == 4)
		{       // only if "OK"
			if (req.status == 200 || req.status == 304)
			{


                //this works
                var textDoc = req.responseText;
                if(textDoc != null)
                {
                    for(i=0;i<textDoc.length;i++)
                    {
                      document.getElementById(target).innerHTML =  textDoc + "\n\r\n\r";
                    }
                }

			}
			else
			{
				document.getElementById(target).innerHTML="ajax error:\n" + req.statusText;
			}
		}

This prints the objects inside the list on the same line one by other.

Any pointers?>

[Swastik Dey]

I guess \n\r is not recognized by html, try appending "<BR>". Correct me if I am wrong.

[Eric Pascarello]

Swastik Dey is correct, to add a new line, you need to use a
tag. You may however be better off using something like an unordered list.

Eric

[trupti nigam]

Swastik Dey wrote:I guess \n\r is not recognized by html, try appending "<BR>". Correct me if I am wrong.

I tried with <BR> And it still does not work. The next object in the list gets printed on the same line.

var textDoc = req.responseText;
                if(textDoc != null)
                {
                    for(i=0;i<textDoc.length;i++)
                    {
                      document.getElementById(target).innerHTML =  textDoc + "<BR>";
                    }
                }

[Swastik Dey]

What does textDoc contain? New line characters or <br>?

[Bear Bibeault]

If it's a list, why aren't you using a list?

[Eric Pascarello]

Aren't the new lines you are talking about being added here:

 sbfRes.append(" FirmTradeID: ").append(tcr.getSides().get(0).getFirmTradeID()).append("\n\n\r");  

[trupti nigam]

It worked after I added the
to the text and not on the html page.

thanks all for the help.

Trupti