Wednesday, April 13, 2016

Sending data to controller via Jquery post method

Controller: ViewTest.php
==================

<?php defined('SYSPATH') or die('No direct script access.');
class Controller_ViewTest extends Controller {

public function action_index()
{
$this->response->body(View::factory('viewTestView'));
}

public function action_processPostData(){
// echo will send the value of division back to viewTestView
echo $this->request->post('division');
}
}


View file: viewTestView.php
=====================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<div class="container">
<?php
$selection = array('dhaka' =>'Dhaka', 'chittagong' => 'Chittagong', 'khulna' => 'Khulna', 'rajshahi' => 'Rajshahi', 'rangpur' => 'Rangpur', 'barisal' => 'Barisal');
$selected=array();
$attributes=array('class'=>'selectpicker', 'data-live-search'=>'true');
echo form::select('input_dropdown',$selection);

?>

<div id="x">Je suis desole></div>

</div>
<script>
$('select[name=input_dropdown]').change(function(){
// alert('hh');
var u='http://localhost/project/ViewTest/processPostData';
var division=$(this).val();
// alert(division);
$.post(u,
{division:division},
function(data,status){
              $('#x').html(data + "-"+status)
});
});

// $.post(u,{
//  bid:bid,
//  reason:deny_reason
// },
// function(data, status){
 //                 location.reload();
 //                 });

</script>
</body>
</html>

No comments:

Post a Comment