Call Backend

[kokenge]

I have a small test program with some areas ID'd in a table.
This Client side program has some javascript that is called when I click the [Disp] button. All it does is tells the javascript program to call a program 'a_graph_be.bas' on the Server side. The Server Side should then display some data in the <TD ID=areas>
However when I show an alert box in the javascript of the response received from the Server I get about a page of html code.

What am I doing wrong....
Thanks for the help.
======================================
Here is the code

html "
<script language=""javascript"">
<!--

function createRequestObject()
 {
 var ro;
 var browser = navigator.appName;
 if(browser == ""Microsoft Internet Explorer"")
   {
   ro = new ActiveXObject(""Microsoft.XMLHTTP"");
   }
 else
   {
   ro = new XMLHttpRequest();
   }
 return ro;
 }

var http = createRequestObject();

function trim(string)
 {
 while (string.substring(0,1) == ' ')
   {
   string = string.substring(1, string.length);
   }
 while (string.substring(string.length-1, string.length) == ' ')
   {
   string = string.substring(0,string.length-1);
   }
 return string;
 }

function handleResponse()
 {
 if(http.readyState == 4)
   {
   var response = http.responseText;
   
alert ('got back from server response:' + response);
   var at = 0;
   
   // --- strip leading junk ----
   x   = response.substring(0,1);
   while (x < '0')
     {  
     response = response.substring(1);
     x   = response.substring(0,1);
     }
   var update = new Array();
   if(response.indexOf('|' != -1))
     {
     update = response.split('|');
     x = update.length;
     //  alert ('update length:' + x);
     for (i=0;i<x;i++)
       {
       update[i] = update[i].replace(/;;/g ,'|');
       }
     for (i=1;i<x;i=i+2)
       {
       at = i - 1;
       update[at] = trim(update[at]);
       //  alert ('at:' + at + '|update[at]:' + update[at] + '|i:' + i + '|update[i]:' + update[i]);
       
       try
         {
         ss = document.getElementById(update[at]);
         ssv = ss.value;
         sse = ss.element;
         sst = ss.title;
         ssn = ss.name;
         ssi = ss.id;
         ssh = ss.innerHTML;
         //  alert ('ss:' + ss + '|ssv:' + ssv  + '|sse:' + sse  + '|ssn:' + ssn  + '|ssi:' + ssi  + '|ssh:' + ssh + '|at:' + update[at] + '|i:' + update[i] );
         
         if (ssv != undefined)  ss.value = update[i];
         else
         if (ssh != undefined)  ss.innerHTML = update[i];
         }
       catch(err)
         {
         alert ('Invalid display field:' + update[at]);
         }
       
       }
     }
   }
 }

function trim(stringToTrim)
 {
 return stringToTrim.replace(/^\s+|\s+$/g,"""");
 }
function ltrim(stringToTrim)
 {
 return stringToTrim.replace(/^\s+/,"""");
 }
function rtrim(stringToTrim)
 {
 return stringToTrim.replace(/\s+$/,"""");
 }
function server(prog)
 {
 prog = ltrim(prog);    // Left trim
 rs = http.readyState;    // see if the previous task it done - state must be 0
 if (rs == 4) rs = 0;
 if (rs != 0)
   {
   rs = 0;      // ?????? why don't this work ??????/
   try
     {
     rs = http.readyState;    // see if the previous task it done - state must be 0
     }
   catch(err)
     {
     rs = 1;  
     alert ('Server Busy. Please try again. Thank you and have a nice day ' + rs);
     }
   }
 
 if (rs == 0)  
   {
   prog1 = '';
   xx  = '';
   if(prog.indexOf('|' != -1))
     {
     val = prog.split('|');
     for ( key in val)
       {
       //  alert('key:' + key + ' |val:' + val[key]);
       x = '';
       xx = val[key];
       if (key & 1)
         {
         try
           {
           x = document.getElementById(xx).value;
           toe = document.getElementById(xx).type; // type of element
           chk = document.getElementById(xx).checked;
           prog1 = prog1 + x;
           }
         catch(err)
           {
           //  alert ('--error----xx:' + xx + '|err:' + err.description);
           prog1 = prog1 + err.description;      
           }
         //  alert ('------x:' + x + '| toe:' + toe + '| chk:' + chk);
         }
       else prog1 = prog1 + xx;
       }
     }
   
//alert ('server side get program| prog1:' + prog1);
   
   http.open('get', prog1);
   http.onreadystatechange = handleResponse;
   http.send(null);
   }
 }

//--></script>
"


html "<B>Test Ajax Call"
html "<TABLE BORDER=1 CELLPADDING=0 CELLSPACING=0 BGCOLOR='#A0A0A4'>
<TR>
<TD VALIGN='BOTTOM' id=g1><img src='http://localhost:8008/tub_cya.gif' width=18 HEIGHT=55 BORDER=0></TD>
<TD VALIGN='BOTTOM' id=g2><img src='http://localhost:8008/tub_ppl.gif' width=18 HEIGHT=45 BORDER=0></TD>
<TD id=g3>A</TD></TR>
<TR><TD><div id=g4>B</div></TD>
<TD>C</TD>
<TD>D</TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD><INPUT TYPE='BUTTON' Value='Disp' onCLick=""server('a_graph_be.bas?entry=new_line&add_line=1');"">
</TD>
</TR>
</TABLE>
"


Stefan ... added code tags

[carlgundel]

The BASIC program you're trying to run is a published RB app?

Probably you should specify the whole URL including the app=a_graph_be parameter.

I hope that helps.

-Carl

[kokenge]

Thanks Carl.
I have the program published.
I changed the onClick trigger to:
<INPUT TYPE='BUTTON' Value='Disp' onCLick=""server('http://localhost:8008/seaside/go/runbasicpersonal?app=testAjaxBe');"">

I can run the URL and it works.

The javascript is supposed to take stuff printed by a program and place it into the proper ID fields on the web page. It's controlled by vartical vars (|) The first field is the ID name and the second is the data.
The backend program only has one command as:
print "g1|aaa|g2|bbb|"
It should put aaa on the web page at id=g1 and put bbb in id=g2.

This javascript will echo back anything that is sent. So what I see in the debug returned information popup is all the html code that is sent back.
You can see the html code when you 'show source' when you run it from the URL.

I guess my question now is how do I run the backend program without it running the html. Is there some way to surpress the HTML code that it sends

Have a great day...
Thanks Dan

[carlgundel]

That's great! Is it a program you can share with us, or is it something shared on a private network?

-Carl

[kokenge]

OOPS! I guess I wasn't very clear.
What I ment is if you run the program from the URL it works, just to prove that it was published.

The problem is that I only want the output from the backend program, and not the HTML that normally comes with it.

How can I stop the HTML stuff. Can I write a launch program that does not send any HTML and simply runs the program.

As far as anyone getting the code. No problems. I just need to solve this one problem first. Actually they can copy the javascrip from the earlier post.

Thanks ...
Have a great day...
Dan

[turbov21]

kokenge said:

How can I stop the HTML stuff. Can I write a launch program that does not send any HTML and simply runs the program.

What you want as Raw:

runbasic.wikispaces.com/Raw

And maybe UrlKeys$:

runbasic.wikispaces.com/Runtime+Variables

[kokenge]

Yep! That was it..
Tooo Simple.
I'm in the early stages of a learning curve.. But this solves a major problem for me. I'm writing a airplane avionics system. The backend reads instrument and avionics data, and constantly keeps about 20 display graphs up to date on the front web page whenever it sees a change. The backend runs once every second. And you can still be doing other stuff on the front end while the gauges change.

Anyone interested, this routine.it is documented here with downloads.
I wrote it for PHP, but it works anywhere, and just proved it works with RunBasic.
ajax.andbest.info/

If there is some place you like published RunBasic routines, I'll be happy to move it there?

Thanks for all the help.
Have a great day...
Dan

[turbov21]

The wiki is the best place to share code. Try this page:

runbasic.wikispaces.com/Sample+Code

[carlgundel]

kokenge said:

Yep! That was it..
Tooo Simple.
I'm in the early stages of a learning curve.. But this solves a major problem for me. I'm writing a airplane avionics system. The backend reads instrument and avionics data, and constantly keeps about 20 display graphs up to date on the front web page whenever it sees a change. The backend runs once every second. And you can still be doing other stuff on the front end while the gauges change.

Anyone interested, this routine.it is documented here with downloads.
I wrote it for PHP, but it works anywhere, and just proved it works with RunBasic.
ajax.andbest.info/

If there is some place you like published RunBasic routines, I'll be happy to move it there?

Thanks for all the help.
Have a great day...
Dan

Is this something that would be effective as a screencast video?

-Carl

[kokenge]

Don't see why not.
I use it to make web pages interactive instead of the typical batch.
Any trigger can call the routine, such as mouseover, onblur, onchange, onclick, etc.
Probably I use it most with something like a customer ID 'onchange' trigger to look up and check the data and display back their name and stuff.