以下是一个使用AngularJS调用WebMethod并返回JSON字符串的解决方法的示例代码:
首先,确保已经引入了AngularJS库文件。
HTML代码:
AngularJS调用WebMethod并返回JSON字符串
{{data}}
JavaScript代码(script.js):
// 创建AngularJS应用程序模块
var app = angular.module('myApp', []);
// 创建控制器
app.controller('myCtrl', function($scope, $http) {
// 定义获取数据的函数
$scope.getData = function() {
// 使用$http服务调用WebMethod
$http({
method: 'POST',
url: 'WebService.asmx/GetData', // WebMethod的URL
headers: { 'Content-Type': 'application/json;charset=utf-8' },
data: {} // 可以传递参数给WebMethod
}).then(function(response) {
// 成功获取数据后的回调函数
$scope.data = response.data.d; // 获取返回的JSON字符串
}, function(error) {
// 获取数据失败后的回调函数
console.log(error);
});
}
});
上述代码中的WebService.asmx/GetData
是WebMethod的URL,根据实际情况进行修改。response.data.d
表示返回的JSON字符串,可以根据实际情况进行修改。
请注意,这个示例假设WebMethod返回的是格式正确的JSON字符串。如果返回的不是JSON字符串,可能需要根据实际情况进行处理。