Results missing in Firefox, viewable in IE

[dmorand]

I'm having a little trouble with my ajax. I can see my results in IE, but not firefox. I'm assuming I'm missing some syntax somewhere.

alert("Test " + results[1] + testing); returns the values in IE, but in Firefox it says undefined

Any ideas why this can happen?

    <cfform action="" enablecab="Yes" onSubmit="formSubmission();">
    <table align="center">
        <tr><td>ICU Capacity:</td><td><cfoutput query="GetConstants"><input type="Text" name="ICUCapSub" size="3" value="#ICUCap#" style="text-align: center;"> </td></tr>
    <tr><td colspan="2" align="center"><input type="Submit" value="Submit">  </td></tr>
    </table>
    </cfform>
 

//Retrieve XMLHttpRequest object to use for AJAX Development
var xmlHttp;
try{
// Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
}
catch (e){
// Internet Explorer
  try
  {
  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
catch (e){
  try{
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  catch (e){
    alert("Your browser does not support AJAX!");
    //return false;
    }
  }
}
 
function formSubmission(){
    xmlHttp.open('GET', 'ConstantsSubmit_v2.cfm', true);
    xmlHttp.onreadystatechange = handleHttpResponse;
    xmlHttp.send(null);
}
function handleHttpResponse() {
    alert(xmlHttp.readyState);
    if (xmlHttp.readyState == 4) {
        var results = xmlHttp.responseText.split(',');
        var testing = xmlHttp.responseText;
        alert("Test " + results[1] + testing);
    }
}
 
 

[jx2]

what r you trying to send?(not everything can be display in alert() )
did you tried

document.getElementById("myID").innerHTML=myData;
 

regards
jx2

[dmorand]

I'm sorry, I didn't post enough of the code I think.

The problem I'm having is that I don't have access to the form fields on the page I'm calling with the ajax.

<cfform action="javascript:formSubmission();" enablecab="Yes">
    <table align="center">
        <tr><td>ICU Capacity:</td><td><cfoutput query="GetConstants"><input type="Text" name="ICUCapSub" size="3" value="#ICUCap#" style="text-align: center;"> </td></tr>
    <tr><td>Triaged And Waiting Capacity:</td><td><input type="Text" name="TAWCapSub" size="3" value="#TAWCap#" style="text-align: center;"></td></tr>
    <tr><td>ED Side A Capacity:</td><td><input type="Text" name="EDASideCapSub" size="3" value="#EDASideCap#" style="text-align: center;"></td></tr>
</table>
</cfform>
 

/***** AJAX Functions *****/
function formSubmission(which,action,subPage,arg1,arg2){
    //n = which.value;
    //var q = 'query.cfm?accessID=';
    //pageURL = subPage + arg1 + arg2 + n;
    //alert(subPage);
    //alert(action);
    xmlHttp.open('POST', 'ConstantsSubmit_v2.cfm', true);
    xmlHttp.onreadystatechange = handleHttpResponse;
    xmlHttp.send(null);
}
function handleHttpResponse() {
    alert(xmlHttp.readyState);
    if (xmlHttp.readyState == 4) {
        var results = xmlHttp.responseText.split(',');
        var testing = xmlHttp.responseText;
        alert("Test " + results[1] + results[2] + results[3] + testing);
        var str = results[1];
        updatepage('constants',str);
    }
}
 
//This function will update an id on a page and insert the value into it.
function updatepage(pageID,str) {
    document.getElementById(pageID).innerHTML = str;
}
 

Here I try to access the URL.ICUCapSub variable, but it's not there.

<cfquery name="UpdateConstants" datasource="CodeGreyDW" dbtype="ODBC">
update tblConstants 
set ICUCap = '#ICUCapSub#',
TAWCap = '#TAWCapSub#',
EDASideCap = '#EDASideCapSub#',
EDBSideCap = '#EDBSideCapSub#',
EDDefAdmitsCap = '#EDDefAdmitsCapSub#',
EDPotAdmitsCap = '#EDPotAdmitsCapSub#',
AmbHourCap = '#AmbHourCapSub#',
AMHealthCap = '#AMHealthCapSub#',
ACounselCap = '#ACounselCapSub#',
AcuityCap = '#AcuityCapSub#',
TransferCap = '#TransferCapSub#',
FWCap = '#FWCapSub#',
FWTeleCap = '#FWTeleCapSub#',
MSUCap = '#MSUCapSub#',
ThreeCCap = '#ThreeCCapSub#',
FourCap = '#FourCapSub#',
PediCap = '#PediCapSub#',
AdmAcuityDiv = '#AdmAcuityDiv#',
TotSumDiv = '#TotSumDiv#',
ResourceSumDiv = '#ResourceSumDiv#'
</cfquery>
 
<cfoutput>112,232,#ICUCapSub#,#URL.ICUCapSub#,
#Form.ICUCapSub#</cfoutput>
 

[dmorand]

I've looked all around and have found a few tutorials on forms and ajax, but none that seem to be answering my question.

I have a form that has about 10 fields on it. I want to have the form submit without having to load a new page. That's where I want ajax to come in.

Here's my javascript:

//Retrieve XMLHttpRequest object to use for AJAX Development
var xmlHttp;
try{
// Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
}
catch (e){
// Internet Explorer
  try
  {
  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
catch (e){
  try{
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  catch (e){
    alert("Your browser does not support AJAX!");
    //return false;
    }
  }
}
 
function formSubmission(){
    xmlHttp.open('POST', 'ConstantsSubmit_v2.cfm', true);
    xmlHttp.onreadystatechange = handleHttpResponse;
    xmlHttp.send(null);
}
 

When the open function is called, shouldn't the page I'm calling (ConstantsSubmit_v2.cfm) have access to the form variables from the page?

[acoder]

Merged the threads because they are dealing with the same problem.

[acoder]

When the open function is called, shouldn't the page I'm calling (ConstantsSubmit_v2.cfm) have access to the form variables from the page?

When using POST, you have to send the form variables using the send() method.

[dmorand]

When using POST, you have to send the form variables using the send() method.

Ok, so I need to loop through and retrieve all the input fields on the form before I send them. Thanks!!