Getting two values from AJAX json array

**auriaks** · 03-27-2010, 08:03 AM

Hi,

I have script.php page:

PHP Code:


<?php

if (isset($_GET['nick'])) {

$name = 'aurimas';

$ats = $_GET['nick'];

if ($ats == '') {$nikas = "Įveskite niką";} elseif ($name == $ats) {$nikas = "Užimtas";} else {$nikas = "Laisvas";}

}

if (isset($_GET['email'])) {

$email = 'auriaks@gmail.com';

$get_mail = $_GET['email'];

if ($email == $get_mail) {$emailas = "Užimtas";} else {$emailas = "Laisvas";}

}

$answer = array ($nikas, $emailas);

echo json_encode($answer);

?>

and I use this AJAX script to get the array from script:

PHP Code:


// Get the HTTP Object

function gethttpObject(){

   if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP");

   else if (window.XMLHttpRequest) return new XMLHttpRequest();

   else {

      alert("Your browser does not support AJAX.");

      return null;

   }

}



// Change the value of the outputText field

function setOutput(){

    if(httpObject.readyState == 4){

        var answer = eval('(' + httpObject.responseText + ')');

        document.getElementById('nikas').innerHTML = answer[0];

        document.getElementById('emailas').innerHTML = answer[1];

    }

 

}

 

// Implement business logic    

function doWork(){    

    httpObject = gethttpObject();

    if (httpObject != null) {

        httpObject.open("GET", "script.php?nick=" + document.getElementById('inputas').value+"&email="+document.getElementById('email').value, true);

        httpObject.send(null); 

        httpObject.onreadystatechange = setOutput;

    }

}

setInterval(doWork, 5000);

 

var httpObject = null;

 

//-->

I know that something is wrong with this part:

PHP Code:


function setOutput(){

    if(httpObject.readyState == 4){

        var answer = eval('(' + httpObject.responseText + ')');

        document.getElementById('nikas').innerHTML = answer[0];

        document.getElementById('emailas').innerHTML = answer[1];

    }

 

}

Because I have to get those two values from array in two different places like:

PHP Code:


<div id='nikas'>FIRST VALUE HERE</div>

<div id='emailas'>SECOND VALUE HERE</div>

**auriaks** · 03-27-2010, 11:17 AM

Btw, my output was in format

PHP Code:


["Laisvas","Laisvas"]

maybe this will help...

**jscheuer1** · 03-27-2010, 12:17 PM

Works here. Except that the ž in Užimtas was messing things up, and in IE the script.php page was getting cached, so try this for the script.php page (works here):

Code:

<?php 
if (isset($_GET['nick'])) { 
$name = 'aurimas'; 
$ats = $_GET['nick']; 
if ($ats == '') {$nikas = "Iveskite nika";} elseif ($name == $ats) {$nikas = "U#0382;imtas";} else {$nikas = "Laisvas";} 
} 
if (isset($_GET['email'])) { 
$email = 'auriaks@gmail.com'; 
$get_mail = $_GET['email']; 
if ($email == $get_mail) {$emailas = "U#0382;imtas";} else {$emailas = "Laisvas";} 
} 
$answer = array ($nikas, $emailas); 
echo json_encode($answer); 
?>

and to fix the caching problem (on the requesting page, addition highlighted):

Code:

httpObject.open("GET", "script.php?nick=" + document.getElementById('inputas').value+"&email="+document.getElementById('email').value+"&bust="+new Date().getTime(), true);

**auriaks** · 03-27-2010, 12:37 PM

what about ajax?? Here is something wrong:

PHP Code:


function setOutput(){ 

    if(httpObject.readyState == 4){ 

        var answer = eval('(' + httpObject.responseText + ')'); 

        document.getElementById('nikas').innerHTML = answer[0]; 

        document.getElementById('emailas').innerHTML = answer[1]; 

    } 

  

}

**jscheuer1** · 03-27-2010, 12:49 PM

All I can say is that it works here under WAMP in both Firefox and IE. Nothing wrong with that part of the code, other than the fact that it uses eval, but I suppose that would be hard to avoid here, and causes no error for the page (it might if an unexpected value were entered). Here is my requesting page:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
// Get the HTTP Object 
function gethttpObject(){ 
   if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP"); 
   else if (window.XMLHttpRequest) return new XMLHttpRequest(); 
   else { 
      alert("Your browser does not support AJAX."); 
      return null; 
   } 
} 

// Change the value of the outputText field 
function setOutput(){ 
    if(httpObject.readyState == 4){ 
        var answer = eval('(' + httpObject.responseText + ')'); 
        document.getElementById('nikas').innerHTML = answer[0]; 
        document.getElementById('emailas').innerHTML = answer[1]; 
    } 
  
} 
  
// Implement business logic     
function doWork(){     
    httpObject = gethttpObject(); 
    if (httpObject != null) { 
        httpObject.open("GET", "script.php?nick=" + document.getElementById('inputas').value+"&email="+document.getElementById('email').value+"&bust="+new Date().getTime(), true); 
        httpObject.send(null);  
        httpObject.onreadystatechange = setOutput; 
    } 
} 
setInterval(doWork, 5000); 
  
var httpObject = null; 
  
</script>
</head>
<body>
<input type="text" id="inputas">
<input type="text" id="email">
<div id='nikas'>FIRST VALUE HERE</div> 
<div id='emailas'>SECOND VALUE HERE</div> 
</body>
</html>

My script.php page is in my previous post.

**auriaks** · 03-27-2010, 01:00 PM

have you tried to enter those two inputs??? OUTPUT IS: undefined

**jscheuer1** · 03-27-2010, 02:09 PM

Fully tested and works here. Go back to post #3. I had some trouble getting the editor to show the entities. Without substituting the ž for the two ž characters, I was getting 'null' or an empty string (depending upon the browser) for aurimas as nick and auriaks@gmail.com as email. But even without that change, it was fine for other values. You must pass a string value for each of the _GET's (nick and email) with the request though (even if it is an empty string):

HTML Code:

<input type="text" id="inputas">
<input type="text" id="email">

Without those on the requesting page, you will have an error on the script.php and one on the requesting page.

However, perhaps your problem is a lack of support for some part(s) of the PHP code on the server.

If you want more help:

Please post a link to a page on your site that contains the problematic code so we can check it out.

**auriaks** · 03-28-2010, 11:38 AM

it works... I don't know why in wamp server it doesn't worked... Thanks for help anyway.

**jscheuer1** · 03-28-2010, 01:24 PM

So you are saying it doesn't work on your WAMP and does work live? It could depend upon settings in WAMP, like default encoding and/or PHP version.

**auriaks** · 03-28-2010, 05:41 PM

what I can change in wamp?

Also, can you write me an example how to connect to wamp mysql? I googled, but found nothing valuable...

Thread: Getting two values from AJAX json array

Thread Tools

Search Thread

Getting two values from AJAX json array

Bookmarks

Bookmarks

Posting Permissions