I have jquery like this but it seems it cannot read the controller/function
$('#submit').click(function(){
$.ajax(
{
url:'controller/function',
type:"POST",
success:function(data){
$(".content").load(url);
}
}
)
});
can anyone tell me whats wrong or give other solution.
This is a solution I came up with awhile ago.
In your html head tag add this.
<script>
var site = "<?php echo site_url(); ?>";
</script>
Then in your .js file you can do:
$('#submit').click(function(){
$.ajax(
{
url:base + 'controller/function',
type:"POST",
success:function(data){
$(".content").load(url);
}
}
)
});
I do believe that you use wrong path, do you have firefox, you can use firebug to get the response, what the response code is? and if you use spring mvc and log4j, you can set the log level to debug, then you can see what the url that you send to the server as well as whether it is got matched?
use site_url() function of codeigniter...
<?php echo site_url('controllername/functionname') ?>
The above example would return something like: http://example.com/index.php/controllername/functionname;
try this
$.ajax(
{
url:<?php echo site_url('controllername/functionname') ?>,
type:"POST",
success:function(data){
$(".content").load(url);
}
}
updated as per @kolby comment
if you have this script in seperate js file thn..
create a global var base_url in head so that u get this variable in every file.
<head>
....//your stuff
<script>var base_url= <?php echo site_url(); ?></script>
</head>
and use this in ajax
url:base_url+'controllername/functionname',
it cannot read the controller/functionsince i bet you gave a worng path.. that is why it cannot read the controller function...try using proper path..