How to get data from a JavaScript to controller and store it in the database

Question

I want to get the location from this JavaScript to the controller and store it in the database:

var currPosition;

navigator.geolocation.getCurrentPosition(function(position) {
  updatePosition(position);
  setInterval(function() {
    var lat = currPosition.coords.latitude;
    var lng = currPosition.coords.longitude;
    jQuery.ajax({
      type: "POST",
      url: "myURL/location.php",
      data: 'x=' + lat + '&y=' + lng,
      cache: false
    });
  }, 1000);
}, errorCallback);

var watchID = navigator.geolocation.watchPosition(function(position) {
  updatePosition(position);
});

function updatePosition(position) {
  currPosition = position;
}

function errorCallback(error) {
  var msg = "Can't get your location. Error = ";
  if (error.code == 1)
    msg += "PERMISSION_DENIED";
  else if (error.code == 2)
    msg += "POSITION_UNAVAILABLE";
  else if (error.code == 3)
    msg += "TIMEOUT";
  msg += ", msg = " + error.message;
  alert(msg);
}

iam new to codeigniter framework please can you tell me how to post those watch-position coordinates from java script to controller — Kishan Chandra
– Kishan Chandra, Commented Sep 25, 2019 at 13:23

Fiodorov Andrei · Accepted Answer · 2019-09-25 17:01:09Z

1

To send post with .ajax():

// ....
let formData = new FormData();
const lat = currPosition.coords.latitude;
const lng = currPosition.coords.longitude;
formData.append("x", lat);
formData.append("y", y lng;
$.ajax({
    url: "myURL/location.php", // update this with you url
    dataType: 'text',
    cache: false,
    contentType: false,
    processData: false,
    data: formData,
    type: 'POST',
    success: function(data){
        const response = jQuery.parseJSON(data);
    }
});
//....

To receive post data in codeigniter :

$x = $this->input->post('x');
$y = $this->input->post('y');

answered Sep 25, 2019 at 17:01

Fiodorov Andrei

2,0481 gold badge19 silver badges31 bronze badges

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

3 Comments

Kishan Chandra Over a year ago

i still get null values " INSERT INTO location (x, y) VALUES (NULL, NULL)" Uncaught ReferenceError: base_url is not defined

Fiodorov Andrei Over a year ago

@KishanChandra may be you not declare class extend CI_Controller.. See this case: stackoverflow.com/questions/53944667/…

Kishan Chandra Over a year ago

hi, thanks i managed to solve it just by adding <script>var base_url = '<?php echo base_url() ?>';</script>

Khairu Aqsara · Accepted Answer · 2019-09-25 13:52:12Z

1

you just need to change uri parameter to codeginter route that you have

setInterval(function(){
    ....
    url:  "change this to codeigniter route url", 
    ....
}, 1000);

then in the controller you just need to save those parameter,

class X extends CI_Controller{

    function update_position(){
        $x = $this->input->post('x');
        $y = $this->input->post('y');

        // then save it using model or query.
        $this->model_name->insert([...])
    }
}

answered Sep 25, 2019 at 13:52

Khairu Aqsara

1,3103 gold badges14 silver badges29 bronze badges

2 Comments

Kishan Chandra Over a year ago

i still get null values " INSERT INTO location (x, y) VALUES (NULL, NULL)"

Kishan Chandra Over a year ago

Uncaught ReferenceError: base_url is not defined

Collectives™ on Stack Overflow

How to get data from a JavaScript to controller and store it in the database

2 Answers 2

3 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related