AJAX xmlhttp.open

Question

I am currently trying to use AJAX to retrieve selected records from DB. I have 2 files - browser.php and getrecord.php.

In browser.php, I use geolocation javascript to get latitude and longitude and store them in global variables:

browser.php

var numlat;//store latitude
var numlong;//store longitude

function loadrecord(numlat,numlong)
{
  if(numlat=="" || numlong==""){
    document.getElementById("box").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("box").innerHTML=xmlhttp.responseText;
    }
  }

  xmlhttp.open("GET","getrecord.php?q=numlat&r=numlong", true);
  xmlhttp.send();
}

My main question is how do I sent a request to the server for getrecord.php using numlat and numlong as the 2 parameters? I will need to use them var numlat and var numlong values to do a SELECT in my database and display them in browser.php.

getrecord.php

$q = $_GET['q'];//i am trying to get the latitude 
$r = $_GET['r'];//i am trying to get the longitude

//i will need to use $q and $r to do a SELECT in my database.

Sorry, if this is a noob question.

possible duplicate of JavaScript Variable inside string without concatenation - like PHP — Quentin
– Quentin, Commented Feb 21, 2014 at 16:59

whatisdot · Accepted Answer · 2014-02-21 17:14:49Z

1

It can be valuable to know the details of how XMLHttpRequest objects work in JavaScript, but it can be very cumbersome to do this all the time.

I would recommend using a JavaScript framework like jQuery. It would shorten your code to this:

function loadrecord(numlat,numlong)
{
    if(numlat=="" || numlong==""){
        $("#box").html("");
        return;
    }

    $.get("getrecord.php?q="+numlat+"&r="+numlong, function(response_text) {
        $("#box").html(response_text);
    });
}

answered Feb 21, 2014 at 17:14

whatisdot

261 bronze badge

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

Comments

nettux · Accepted Answer · 2014-02-21 16:59:30Z

1

This should do it

xmlhttp.open("GET","getrecord.php?q=" + numlat + "&r=" + numlong, true);
xmlhttp.send();

answered Feb 21, 2014 at 16:59

nettux

5,4444 gold badges26 silver badges34 bronze badges

Collectives™ on Stack Overflow

AJAX xmlhttp.open

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related