Login

05-20-2008, 12:38 PM

[eluser]Gavin Blair[/eluser]
I just use "load" with Code Igniter's site_url() function.

Here's the javascript (after loading in jQuery of course):

Code:
$(document).ready(function() {

   $("#submitit").click(function() {

        $("#ajaxresult").load("&lt;?php echo site_url(); ?&gt;/ajax/ajaxloadinfo", {id: id.value});

   });

 });

Here's the form and ajax div:

Code:
<div id="ajaxresult">

&lt;?php

//non-ajax result:

if (isset($result))

    echo $result;

?&gt;

</div>

&lt;form action="&lt;?php echo site_url(); ?&gt;/ajax/loadinfo" method="POST"&gt;

&lt;input id="id" name="id" /&gt;

&lt;input type="submit" name="submitit" id="submitit" onclick="return false" /&gt;

&lt;/form&gt;

This degrades nicely - if javascript is disabled, it loads the "loadinfo" function of the "ajax" controller, otherwise it loads the "ajaxloadinfo" function of the controller. Both functions are basically the same, except "loadinfo" loads the view and passes a variable called $result, and "ajaxloadinfo" just echoes out the result.

The "{id: id.value}" part is the post variables. It assigns the value in the input box (which I named "id") to $_POST['id'], used by the controller.

It took me a long time to figure this out, since there are not many good tutorials on how to use jQuery's load function with Code Igniter (and the ones that do exist don't have many examples).

Hope this helps!
Gavin