NickName:Muhammad Owais Ask DateTime:2015-09-04T15:24:20

AjaxCallBack was not called, windows phone phonegap

I am trying to connect WCF RESTful C# API to phonegap application using angularjs. My html working perfect in Web but no in my windows phone.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" data-ng-app="myApp">
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <title>Profile</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />

</head>
<body>
    <div>
        <div data-ng-controller="ProfileCtrl">
            First Name: {{FirstName}}
            Last Name: {{LastName}}
        </div>
    </div>

    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript">
        app.initialize();
    </script>
    <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
    <!--<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>-->
    <script type="text/javascript" src="js/angular.min.js"></script>

    <script>

        var myApp = angular.module('myApp', []);

        window.jsoncallback = function (json) {
            debugger;

            if (!json.Error) {

                alert("run callback");
                //alert("success");
            }
            else {

                alert(json.Message);
            }
        }
        
        myApp.controller('ProfileCtrl', ["$scope", "$http", function ($scope, $http) {

            function LoadProfile() {

                debugger;

                var call_url = 'http://localhost:53834/LoginService.svc/UserProfile/1';


                //For jsonp calling
                //alert("Running Jsonp");
                //$http.jsonp(call_url).success(function (data) {
                //    debugger;
                //});
                

                alert("Running Ajax");
                $.ajax({
                    url: call_url,
                    type: "POST",
                    dataType: "jsonp",  // from the server
                    crossDomain: true,
                    contentType: "application/json; charset=utf-8", // to the server
                    jsonpCallback: 'jsoncallback',
                    success: function (data) {
                        alert("success");
                        $scope.FirstName = data.FirstName;
                        $scope.LastName = data.LastName;
                        $scope.$apply();
                    },
                }).done(function (data) {
                    debugger;
                    console.log(data);

                }).fail(function (xhr, status, error) {
                    debugger;
                    alert(xhr.status + " " + status + " " + error);
                });
            };

            LoadProfile();
        }]);

    </script>

</body>
</html>

Copyright Notice：Content Author:「Muhammad Owais」，Reproduced under the CC 4.0 BY-SA copyright license with a link to the original source and this disclaimer.
Link to original article：https://stackoverflow.com/questions/32392382/ajaxcallback-was-not-called-windows-phone-phonegap