ajax jquery with codeigniter. url doesnt access controller

Question

I am new to codeigniter and cannot get my ajax to work.
I am trying to make links load content into the main document on click.
I looked for instructions but could not figure it out. All works except the ajax returns alert('ERROR') message. nothing is loadded into <div id='load_here'></div>
Maybe I am missing something in config.php? Do i have to load some library for this to work? Any ideas would be helpfull //main document link

<span id='reg_link_rules'>Link</span>  
<div id='load_here'></div>

// controller

class Register extends CI_Controller {
   public function hello()
   {
      echo 'hello';
   }
}

// jQuery

$(document).ready(function() {
    $('#reg_link_rules').click(function(eve){

    $.ajax({
      type: "GET", 
      url: "register/hello", 

      complete: function(data){
        $('#load_here').html(data);
    },
    error: function(){alert('error');}
    });
  });
});

I think the problem is that the ajax url does not access the controller. Z:/home/codeigniter/www/register/test this is where i think it takes me

problem solved, the url needed to be http://codeigniter/index.php/register/hello

Robin Castlin · Accepted Answer · 2012-05-01 13:26:25Z

6

Try with url: "/register/hello".

Might do the trick.

Usually I do a

<script type="text/javascript">
    base_url = '<?=base_url()?>';
</script>

At the beginning of my page and simply

base_url+"register/hello"

instead

That makes my ajax more reliable, even when / is incorrect.

answered May 1, 2012 at 13:26

Robin Castlin

11k1 gold badge30 silver badges44 bronze badges

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

3 Comments

Semur Nabiev Over a year ago

i was wondering how to do that, thanks. but this didnt fix the problem

Gulshan S Over a year ago

how cani use php code in .js file. so i need home url code for js file ??

Robin Castlin Over a year ago

PHP is commands to your service. Javascript is run in your browser. Above example defines base_url before your javascript file is loaded.

Community · Accepted Answer · 2017-05-23 10:29:50Z

6

complete: function(data){
        $('#load_here').html(data);
    },

should be

Just referencing another SO question ... Use success() or complete() in AJAX call

success: function(data){
        $('#load_here').html(data);
    },

AND

$.ajax({
  type: "GET",

Should be

unless you want your form vars to be submitted along in the URL.

$.ajax({
  type: "POST",

edited May 23, 2017 at 10:29

CommunityBot

11 silver badge

answered May 1, 2012 at 13:28

NDBoost

10.7k6 gold badges55 silver badges75 bronze badges

4 Comments

satin Over a year ago

GET or POST really doesn't matter here as we are not getting or posting any resource here. but the logic is sound . we need success callback function

NDBoost Over a year ago

i totally agree, however unless the user has a specific reason to use GET then POST should be used according to best practices.. especially when developing a REST-ful API like i presume he is doing. +1 for clarifying.

satin Over a year ago

i agree with you , this is best to use for good programming practices.

Semur Nabiev Over a year ago

thanks for your time. I did try success and complete before but neither worked. could the problem be somewhere else besides my own code?

César Iván Osorio Díaz · Accepted Answer · 2013-10-16 01:44:57Z

0

Hello You should add the base url to the URL Ajax.

 $.ajax({
  type: "GET", 
  url: <?php echo base_url();?>"register/hello", 

  complete: function(data){
    $('#load_here').html(data);
},

Remember enable the helper URL in the Controller!

Cheers

answered Oct 16, 2013 at 1:44

César Iván Osorio Díaz

1

Comments

Ahmed Bermawy · Accepted Answer · 2013-12-30 13:49:34Z

0

you need to pass the bas_url to ajax file

<script type="text/javascript">

$(document).ready(function(e) {
    var baseurl = <?php echo base_url();?>

    $('#reg_link_rules').click(function(){

        $.ajax({
            url : baseurl+'index.php/register/hello',
            data : '',
            type: "POST",
           success : function(){


            }
        })
        return false;
    })

});

</script>

answered Dec 30, 2013 at 13:49

Ahmed Bermawy

2,6255 gold badges39 silver badges44 bronze badges

Comments

Joao Lucas Teta · Accepted Answer · 2017-11-21 09:35:06Z

0

Sometimes you have do add index.php to the string. Like so:

 $.ajax({
  type: "GET", 
  url: <?php echo base_url();?>"index.php/register/hello", 

  complete: function(data){
    $('#load_here').html(data);
},

But it's all about your config file however. It was the mistake in my case. Hope it helps.

answered Nov 21, 2017 at 9:35

Joao Lucas Teta

161 bronze badge

Comments

RAJMOHAN · Accepted Answer · 2019-09-03 12:16:33Z

0

You need to ensure two matter

please put your ajax part as url: ?php echo base_url();?>"register/hello", and type: "GET", and also need to check wheter it is routed the url on config/routes.php.

answered Sep 3, 2019 at 12:16

RAJMOHAN

5151 gold badge5 silver badges14 bronze badges

Collectives™ on Stack Overflow

ajax jquery with codeigniter. url doesnt access controller

6 Answers 6

3 Comments

should be

Should be

4 Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

3 Comments

should be

Should be

4 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related