Ajax help

[vikrantmohite]

Please help me in this guys.......

I am using MVC model for my application .

 

I am stuck with the ajax call.

 

this is my controller

application/controller/admin/index.php

 

function getCity()

{

$city=$this->model->getCity();

 

foreach($this->city as $key => $value)

{

echo '<option>'.$value['name'].'</option>' ;

}

}

 

this is my model

application/model/admin_model.php

 

 

 

 

public function getCity()

{

if($_POST['id'])

{

$cid=$_POST['id'];

$sth = $this->db->prepare('SELECT id, name FROM unit WHERE cid= :cid');

$sth->execute(array(':cid' => $cid));

return $sth->fetchAll();

}

}

 

 

this is my view

 

<form id="city" action="<../application/admin/regstr/" method="post">

 

   

  Country

    <select name="country" class="country">

<option value="" selected="selected">--Select Taluka--</option>

<option value="1">India</option>

        <option value="2">USA</option>

<option value="3">China</option>

    </select>

    City

    <select name="city" class="city">

<option selected="selected">--Select City--</option>

   

  </select>

   

<input type="submit" />

</form>

 

 

and this is my javascript for Ajax

 

$(document).ready(function()

{

 

$(".country").change(function()

{

var id=$(this).val();

var dataString = 'id='+ id;

 

$.ajax

({

type: "POST",

url: "admin/getCity",

data: dataString,

cache: false,

success: function(html)

{

$(".city").html(html);

}

});

 

});

 

});

 

 

 

But I am not getting the output. I have tested it with firebug in response tab. Instead of getting only option values html code as output  I am getting the whole HTML page content (i.e. content of view page admin/index.php.

 

 

Please help me out.