Whenever I attempt to send an AJAX request with jQuery, the response I receive is the HTML of the same page! Here's a live preview (editing not available as I am currently fixing it)
Below are the files:
Main controller:
Class Main extends Controller {
function Main()
{
parent::Controller();
}
function index(){
$this->load->view('oxila_index');
}}
Oxila_index view (only the JS part, rest of the HTML is in the link above)
<script type="text/javascript">
$(document).ready(function(){
$("#inv").hide();
});
$(document).ready(function(){
$("#submit").click(function(evt){
$.post("/ajax/process", {
url: $("#url").val()
}, function(response){
$("#output").html("");
$("#inv").show("slow");
$("#output").html(response);
}, "text");
evt.preventDefault();
});
});
</script>
Ajax Controller
Class Ajax extends Controller {
function process(){
$data['url'] = $this->input->post('url');
$this->load->view('test',$data);
echo "hello world";
}
}