document.write() not working when XMLHttpRequest object is created

Question

function state()
{
var x=document.getElementById("count").value;
document.write(x);
 if(Window.XMLHttpRequest)
{
   xmlhttp=new XMLHttpRequest();

}
else
{
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
  if(xmlhttp.readystate==4 && xmlhttp.status==200)
  {
   document.getElementById("response").innerHTML=xmlhttp.responseText;
  }
  xmlhttp.open("GET","getdata.php?val=".+x,"true");
  xmlhttp.send();
}
}

This is myfirst time using ajax....i wanted to send the value in 'x' to getdata.php...........function state() is triggered when i choose a value from dropdown and click a button.....document.write() is working if xmlHttpRequest object is not created...and how do i know if the value in string x is being passed to getdata.php...please answer...

If you're calling your function after the page has been parsed, document.write() will wipe out all the content of the page and create a new blank document before writing. — Teemu
– Teemu, Commented Mar 29, 2014 at 13:50
"how do i know if the value in string x is being passed ", log the $_GET array in your php script to see if it is being passed, or look in your network tab of the dev tools of your particular browser. If you need to log information on the browser side use console.log function, it will print messages to the console of the dev tools. — Patrick Evans
– Patrick Evans, Commented Mar 29, 2014 at 13:51

Anoop Joshi P · Accepted Answer · 2014-03-29 16:56:10Z

2

You should not do document.write(). You can rather assign the value to some other html tags like span or something.

<span id="countSpan"></span>

Then you can assign the value to that span,

var x=$("#count").val();
$("#countSpan").html(x);

Edit You can use jquery ajax too. The success event will get fired when you get a successful response from the server.

function state() {
    var x = $("#count").val();
    $("#countSpan").html(x);

    $.ajax({
        type: "GET",
        url: "getdata.php?val=" + x,
        success: function (data) {
            $("#response").html(data)
        }
    });
}

edited Mar 29, 2014 at 16:56

answered Mar 29, 2014 at 13:52

Anoop Joshi P

25.6k9 gold badges35 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Nithish Reddy J Over a year ago

'code'function state(){ var x=document.getElementById("count").value; document.write(x);}'code' returns the value of x to the browser..but when i create XMLHttpRequest object as shown above i cannot return the value of x..im doing it for testing purpose as i told im new to this concept..Could you tell me why the value of x is not being returned when XMLHttpRequest object is created?

Collectives™ on Stack Overflow

document.write() not working when XMLHttpRequest object is created

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related