CodeIgniter - jQuery's load function to load a view

Question

There is a left block on my web-page - assume it shows a shopping basket. When user clicks the "add to basket" button on any product page, I want to reload my left block (shopping basket) so the new product that has been added by the customer can be seen on the left side of the page without reloading the page.

When customer clicks "add to basket" button, it already puts the product into the basket, that's not the problem but I cannot make the left block refresh. The code is like:

<script type="text/javascript">
function js_add_to_basket(){
    /* vars from form */
    var book_id = jQuery.trim($('#book_id').attr('value'));

    $.ajax({
        type:'POST',
        url : '<?=base_url().index_page()?>/basket/add_to_basket/'+new Date().getTime(),
        data : $('#add_to_basket').serialize(),
        success: function(q){
            $('#add_to_basket').html(q);
            $("#left_basket").load("*path*\inc_left.php #left_basket");
        }
    }) // end of ajax request
} // end of js_basket
</script>

left_basket is the id of the whole div of the left block. I think the path of the file inc_left.php is coming wrong. Whatever I wrote it there, it didn't work. The file is in the path of "views/inc/inc_left.php".

Any idea?

@Bruce, is it relevant? inc_left works properly, I just want to refresh it. — gzg
– gzg, Commented Jan 11, 2012 at 13:53
your inc_left.php is accessible from js? I guess you need a controller method to render the content for left panel, then js can access it with url like <?=base_url().index_page()?>/basket/content — Bao Nhan
– Bao Nhan, Commented Jan 11, 2012 at 13:57
@gzg - see my anwser, your jquery will not refresh it but only load a portion of it into container. The more code you can provide for a question is usually more helpful. — Bruce
– Bruce, Commented Jan 11, 2012 at 13:57
@Bao, you might be right about it. But when I use base_url in the js code, it gives me fatal error: undefined function base_url(). — gzg
– gzg, Commented Jan 11, 2012 at 14:33

Bao Nhan · Accepted Answer · 2012-01-12 17:05:40Z

1

You need a controller method to render the content for left panel, then js can access it with url such as <?=base_url().index_page()?>/basket/content

answered Jan 12, 2012 at 17:05

Bao Nhan

1807 bronze badges

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

Comments

Bruce · Accepted Answer · 2012-01-11 13:53:53Z

1

Just a guess but do you have a #left_basket in the view views/inc/inc_left.php?

As you are loading the only the #left_basket conent of views/inc/inc_left.php into #left_basket

If you are wanting to load the full HTML from views/inc/inc_left.php, then use the following code:

$('#left_basket').load('views/inc/inc_left.php');

answered Jan 11, 2012 at 13:53

Bruce

1,53813 silver badges17 bronze badges

1 Comment

gzg Over a year ago

I guess we're heading into the right answer. This code piece is refreshing the left block, but apparently caller function cannot see the path, because it's refreshing to the main page.

Sohail Ahmed · Accepted Answer · 2012-01-11 14:10:55Z

0

You have to enter two jquery ajax functions. 1st for when user click on "add to basket" button this will update the shoping table. The 2nd ajax function for fetch data from shoping table and show it in left side where you want :)

answered Jan 11, 2012 at 14:10

Sohail Ahmed

1,66714 silver badges23 bronze badges

Collectives™ on Stack Overflow

CodeIgniter - jQuery's load function to load a view

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related