how to call code\local\AbreIT\TyreChooser\controllers\DataController.php page in \skin\frontend\default\theme493\js\chooser.js file

/app/code/local/AbreIT/TyreChooser/controllers/DataController.php code

class AbreIT_TyreChooser_DataController extends Mage_Core_Controller_Front_Action
{
    public function getDataAction(){
        $resource = Mage::getSingleton ( 'core/resource' );
        $con = $resource->getConnection ( 'core_read' );
        $query = $con->query("SELECT * from TyreChooserCategory");
         echo $query;

        $rows = array();

        while($row = $query->fetch ())
        {
            array_push($rows, $row);            
        }
        $this->getResponse()->setBody(Mage::helper('core')->jsonEncode($rows));
    }
}

for this etc folder code

/app/code/local/AbreIT/TyreChooser/etc/config.xml

<?xml version="1.0" encoding="UTF-8"?>
<config>
    <modules>
        <abreit_tyrechooser>
            <version>1.0.0</version>
        </abreit_tyrechooser>
    </modules>
    <frontend>
        <routers>
            <tyrechooser>
                <use>standard</use>
                <args>
                    <module>abreit_tyrechooser</module>
                    <frontName>tyrechooser</frontName>
                </args>
            </tyrechooser>
        </routers>  
    </frontend>
</config>

i have get the data to js file

jQuery.ajax({
   url: '/tyrechooser/data/getData',
   type: "GET",
   success: function (data) {


       _data = jQuery.parseJSON(data);
       var choosers = [];
       choosers.push(new TyreChooser('Metric', _metricFilters, 'tyre-markings.png', true, '-702px', '-100px'));
       choosers.push(new TyreChooser('Standard', _imperialFilters, 'tyre-markings-standard.png', false, '-702px', '-100px'));
       _chooserApp = new ChooserApp(choosers);
       TryInitialise();
   },
   error: function (request, status, error) {

       jQuery('#tc-content').html('<p style="margin-top: 60px;">Sorry, the tyre chooser failed to load.</p>');
   },
});

but am not succeed any one help me