从jQuery调用Controller函数

Question

I'm working on some codes. Here's my code

jQuery

duration = 30;
var countdown = setInterval(timer,1000);
var url = window.location.origin + '/pro/index.php/Test';

function timer(){
  duration = duration - 1; 
  if(duration<=0){
    clearInterval(countdown);
    window.location(url+'/next');
  }
}

I want to redirect and run function in Test/next. In next() method, it will rule where the link should go. url helper also has been added automatically in Loader

Controller

public $num;
public $val;

public function index(){
  // get the value from GET method
  $this->num = $this->input->get('num');
  $this->val = $this->input->get('val');
}

public function next(){
  $x = $this->num;
  $x = $x + 1;
  if($x < 4){
    redirect(site_url('index.php/Test?x='.$x/.'&num='.$this->num));
  }
  else{
    // it will redirect to another page
    // redirect(site_url('index.php/Home'));
    echo 'x = '.$x.', num = '.$this->num;
  }

(The codes above have been simplified).

The method has been run, but the url was localhost/pro/index.php/Test/next and echo-ing :

x = , num =

It seems like the global property doesn't work for the function called from JS/jQuery. Any explanation or solution for this?

Answer 1

You can access controller function from view page to using base URL (Click here how to do it?). Then use jQuery Ajax call controller function.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

$.ajax({
    type: 'post', url: '<?php echo base_url("next");?>',
    data: {},
    success: function(result){
        console.log(result);
    }
});