unable to get data with ajax

[Pawan_Agarwal]

I am trying to fetch data with AJAX but it is not working and also it is not providing any error .........

 

--------------------------------------------------------------------------------------------------------------------------------------------

This is the function that I have implemented to access the information

--------------------------------------------------------------------------------------------------------------------------------------------

 

function get_data()

{

 str = document.getElementById("select_data").value;

 

 var xmlhttp;

if (str=="")

  {

  document.getElementById("select_data_here").innerHTML="";

  return;

  }

if (window.XMLHttpRequest)

  {// code for IE7+, Firefox, Chrome, Opera, Safari

  xmlhttp=new XMLHttpRequest();

  }

else

  {// code for IE6, IE5

  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

  }

xmlhttp.onreadystatechange=function()

  {

  if (xmlhttp.readyState==4 && xmlhttp.status==200)

    {

    document.getElementById("select_data_here").innerHTML=xmlhttp.responseText;

    }

  }

xmlhttp.open("GET","page.php?_search="+str,true);

xmlhttp.send();

}

--------------------------------------------------------------------------------------------------------------------------------------------

The page 

 

127.0.0.1/online/page.php?_search=product1

 

is showing data, but it is not displaying that output on index.php

 

--------------------------------------------------------------------------------------------------------------------------------------------

index.php

<div id='select_data'>

product1

</div>

 

<button onClick="get_data()">Click </button>

 

<div id='select_data_here'>

Output here

</div>

--------------------------------------------------------------------------------------------------------------------------------------------

 

[jazzman1]

A div element doesn't support the HTML value attribute. So, if want to grab a text between <div></div>, you would use next:

str = document.getElementById("select_data").firstChild.nodeValue;

OR

str = document.getElementById("select_data").textContent;

What debugging tool are you using to help quickly discover the cause of an issue and fix it efficiently?