无法从Web服务检索JSON数据

Question

I have an external web service that has JSON data. I've validated that data is JSON through the JSON Validator website. However, the below code success function does not run at all. The web service requires that the email and password be passed through the url for the JSON data to be displayed.

The url to access the web service is as such: http://example.com/Email/Password

How do I fix the below code to solve this issue. Any help whatsoever will be appreciated.

<script type="text/javascript">
    $(document).ready(function () {
        $("#frmLogin").submit(function (event) {
            event.preventDefault();
            var pm_url = 'http://example.com/';
            pm_url += $("#Email").val();
            pm_url += '/';
            pm_url += $("#Password").val();
            $.ajax({
                url: pm_url,
                type: 'GET',
                dataType: 'json',
                success: function(){
                    alert("Success");
                }
            });
        });
    });
</script>

Thanks.

Answer 1

So this seems to be a CORS issue, which has to do with security. The browser will not allow requests to be dispatched that are external to your domain unless you explicitly allow it to. This is a good article that details several ways to allow CORS requests, if you google around you will find much more.