发表新帖
发表新帖

Simple Ajax/Codeigniter request

前端 未结
关注
8 776
無奈伤痛
無奈伤痛 2021-01-25 15:43

I\'m having some issues with ajax and codeigniter. I\'ve already posted another question (link to question) and I thought I solved it, but I did not so I`m asking someone to wri

相关标签:
8条回答
  • 再見小時候
    2021-01-25 15:48

    use site_url() of codeigniter

     function increase(){
   var number = parseInt($('#number').html()) + 1;  
   $.ajax({
     type: 'POST',
     url: '<?php echo site_url("welcome/increase")?>',
     data: { increse:number }, //<--- here should be increase
     success:function(response){
        $('#number').html(response);
     }
  });

    }

    however, adding http:// in front of localhost should work

     url: 'http://localhost/test/welcome/increase',

    but it is always better and recommended to use site_url() if you are calling a controller in CI...so that this won't give you errors while when you upload it to live server.

    0 讨论(0)
  • 生来不讨喜
    2021-01-25 16:01

    In your ajax, don't use external link for your JS just use internal.

    Make sure that you set your $config['base_url'] = http://localhost/test/ in config.php

    function increase(){
    var number = parseInt($('#number').html()) + 1;
    $.ajax({
        type: 'POST',
        url: '<?php echo base_url()?>welcome/increase',
        data: { increase:number },
        success:function(response){
           $('#number').html(response);
        }
   });

}
    0 讨论(0)
  • 耶瑟儿～
    2021-01-25 16:01

    try this :

    function increase(){
        var number = parseInt($('#number').html()) + 1;
        $.ajax({
            type: 'POST',
            url: 'localhost/test/Welcome/increase/',
            data: "increase=" + number,
            dataType: "text",
            success:function(response){
                $('#number').html(response);
            }
        });

 }
    0 讨论(0)
  • 说谎
    2021-01-25 16:07

    First You should define your site base_url in application/config file then use this base_url with your ajax page call from where your call goes. Suppose your base_url is http://localhost/test/ 

    function increase(){
   var number = parseInt($('#number').html()) + 1;
   $.post('<?php echo base_url()?>welcome/increase',{number :number},function(response){
          $('#number').html(response);
   });    
}

    then change your increase function in controller like this

    function increase(){
   $increase = $_POST['number'];
echo increase++;

    }

    0 讨论(0)
  • 生来不讨喜
    2021-01-25 16:08 
    View::::::    
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="<?php echo base_url();?>css/jquery.js"> </script>
<style type="text/css">
#number {
display: block;
text-align: center;
width: 100px;
height: 30px;
margin: 50px auto;
line-height: 30px;
border: 1px solid #999;
border-radius: 5px;
}
body{
cursor: default;
}
</style>
</head>
<script>
function increase(){
var number = parseInt($('#number').html());
$.ajax({
  type: 'POST',
  url: '<?php echo base_url()?>main/samp_data',
  data: { increase:number },
  success:function(response){
     $('#number').html(response);
  }
  });
 }
</script>
<body>
<span id="number" onclick="increase()">0</span>
</body>
</html>




Controller::::::
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Main extends CI_Controller {

    public function index(){
        $this -> load -> view('sample_view');
    }

    public function samp_data(){
        $increase = $this->input->post('increase');
        echo ++$increase;
    }
}
    0 讨论(0)
  • 长情又很酷
    2021-01-25 16:13

    You must submit the CSRF token from cookies otherwise the request will be invalid, if you have CSRF enabled in config.php.

    You can use this plugin to retrieve cookies in javascript. And simply pass it to CI.

    ci_token

    and

    ci_cookie

    keys may be different and can be found in config.php

    I would also suggest setting up a route for the request and using

    site_url()

    over

    base_url()

    var SITE = "<?php echo site_url();?>" // GLOBAL variable so your javascripts can be external

    -

    var data = { 'ci_token' : $.cookies.get('ci_cookie'), 'increase' : parseInt(number)}
$.ajax({
    url : SITE + "/link/to/controller/method",
    data : data,
});
    0 讨论(0)
 看不清?
提交回复
热议问题