SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Addict
    Join Date
    Jun 2005
    Posts
    196
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Form input and Ajax

    I'm trying to get this code to work dynamically. Basically i need the JS function to be generic per form and input textfield name. I believe my issue is in my form document declarations, my usage of the *dyn* variable.

    FYI, If i make the text input name *dyn*, it works great.

    Thanks. Cesar.

    Javascript
    Code:
    <script language="JavaScript">
    function getData(dyn)
    {
    	var req = null;
    
    	document.this_form.dyn.value="Started...";
    	if(window.XMLHttpRequest)
    		req = new XMLHttpRequest();
    	else if (window.ActiveXObject)
    		req  = new ActiveXObject(Microsoft.XMLHTTP);
    
    	req.onreadystatechange = function()
    	{
    		document.this_form.dyn.value="Wait server...";
    		if(req.readyState == 4)
    		{
    			if(req.status == 200)
    			{
    				document.this_form.dyn.value="Received:" + req.responseText;
    			}
    			else
    			{
    				document.this_form.dyn.value="Error: returned status code " + req.status + " " + req.statusText;
    			}
    		}
    	};
    	req.open("POST", "get.php", true);
    	req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    	req.send(null);
    }
    </script>
    HTML
    Code:
    <FORM name="this_form" method="POST" action="">
    <INPUT type="BUTTON" value="Submit"  ONCLICK="getData('company_name')">
    <input type="text" name="company_name" size="32" value="">
    </FORM>

  2. #2
    SitePoint Addict
    Join Date
    Jun 2005
    Posts
    196
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Here is working code to fill a text area with a value via ajax.
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr" lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    
    <script language="JavaScript">
    
    function getData(dyn)
    {
    	var req = null;
        var input = document.getElementById(dyn);
    	input.value = "Started...";
    	if(window.XMLHttpRequest)
    		req = new XMLHttpRequest();
    	else if (window.ActiveXObject)
    		req  = new ActiveXObject(Microsoft.XMLHTTP);
    
    	req.onreadystatechange = function()
    	{
    		input.value = "Wait server...";
    		if(req.readyState == 4)
    		{
    			if(req.status == 200)
    			{
    				input.value = "Received:" + req.responseText;
    			}
    			else
    			{
    				input.value = "Error: returned status code " + req.status + " " + req.statusText;
    			}
    		}
    	};
    	req.open("POST", "get.php", true); // returns string "working"
    	req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    	req.send(null);
    }
    
    </script>
    </head>
    <body>
    
    <FORM name="this_form" method="POST" action="">
    <INPUT type="BUTTON" value="Submit"  ONCLICK="getData('company_name')">
    <input type="text" id="company_name" name="company_name" size="32" value="">
    </FORM>
    </body>
    </html>

  3. #3
    SitePoint Enthusiast
    Join Date
    Jul 2006
    Posts
    38
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Missing quotations..

    Hi Cesar,

    For starters, Microsoft.XMLHTTP should be enclosed in quotations, like so: 'Microsoft.XMLHTTP' (to work in IE)

    What's your PHP code like? The problem might come from there..

    All the best,
    Haider

    p.s. you might wanna use a Javascript debugger, or simply read the error messages IE gives..

  4. #4
    SitePoint Addict
    Join Date
    Jun 2005
    Posts
    196
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks for reply. php code is fine nothing there. i will change the missing quotes too.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •