来自aspx方法的angular js http请求

Question

$http.jsonp($scope.url)
    .success(function (data, status, headers, config) {
        alert(data);
}).error(function (data, status, headers, config) {
    $scope.status = status;
});

在$scope.url为locations.aspx/getData的情况下，它加载aspx页面的html页面，但不访问该方法。我可以使用

$.ajax({
    type: "POST",
    url: $scope.url,
    data: {},
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (p) {
    var temp = $.parseJSON(p.d);
    $scope.allItems.push(temp);
},
    error: function () {
        alert('error');
    }
});

但是数据从不在视图端更新或绑定。html的一个示例是

    <select ng-model="selectLocation" id="selectLocation" ng-change="onLocationChange()">
                        <option></option>
                        <option ng-repeat="l in allItems">{{l.location}}</option>
</select>

在ajax调用之后，allItems数组中确实有一个项，但是视图从不更新。

内容类型：application/json；Charset=UTF-8

响应Headersview源cache-control：private,max-age=0

连接：关闭

GET/locations.aspx/getData http/1.1

主机：本地主机：41796

连接：保持活力

服务器：ASP.NET开发服务器/10.0.0.0

连接：关闭

Answer 1

根据上面的讨论，您似乎正在使用ASP.NET，并遇到了一些特定的问题。

ASP.NET有时会非常挑剔它将解析什么和不解析什么--尤其是当涉及到MVC时（您在这里似乎没有使用MVC，但可能[WebMethod]（我假设您正在使用的）也有同样的问题）。

您可以使用Angular的$http，而不是使用jQuery的$.ajax:

$http({
    method: 'POST',
    url: $scope.url,
    contentType: 'application/json; charset=utf-8'
})
.success(function (data, status, headers, config) {
    alert(data);
})
.error(function (data, status, headers, config) {
    $scope.status = status;
});