我正在使用cordova。我想在我的应用程序中使用$. AJAX jquery request。这是我的“内容-安全-策略” meta标记：

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; connect-src 'self' http://localhost">

我的应用程序中有一个链接：

<div data-role="page" id="login_page" data-theme="a" >
            <div data-role="main" class="ui-content">
                        <button data-role="button" id="get_web_data" data->icon="lock" data-transition="fade" >Get Web data</button>
            </div>
        </div> <script type="text/javascript" src="js/jquery_2.1.1.js"></script>
        <script type="text/javascript" src="rtl-jquery-mobile-master/js/rtl.jquery.mobile-1.4.0.js"></script>

这是我的jquery代码：

$('#get_web_data').on('tap',function(){
        $.ajax({
            url:'http://localhost/test.php',
            type:'GET',
            data:{'user_name':'amir','password':'123'},
            dataType:'json',
            success:function(data){
                alert(data);
            },
            error:function(error){alert('Error');}
        }) ;
     });

点击链接后，我看到这个错误：
index.html：1无法加载http://localhost/test.php?user_name=amir&password=123：请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许访问源“http://localhost:8000”。
我的问题在哪里？