当前位置: 首页 > 面试题库 >

从Asp.Net Web方法获取Json数据并在angularJS中使用

萧琛
2023-03-14
问题内容

谁能指导我如何从asp.net web方法获取json数据,并在angularJS中使用它。

app.controller('MainController', ['$scope', function ($scope, $http) { 
    try { 
    $http({ method: 'GET', url: 'ProblemList.aspx/GetProblemList' })
.success(function (data, status, headers, config) { 
    alert(data); }).error(function (data, status, headers, config) { 
    }); 
    } catch (e) { 
    throw e; 
    }

问题答案:

我遇到了同样的问题,我尝试了许多不同的方法,这是我发现它起作用的方法…(我认为技巧是标头配置和带有“
data:{}”的json参数的组合,我是不确定,但这确实很棘手)

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestAngular.aspx.cs" Inherits="COEWebApp.NCoe.Employees.TestAngular" %>

<!DOCTYPE html>
<html lang="en">

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
</head>

<body ng-app="myapp">

  <div ng-controller="MyController" >
    <button ng-click="myData.doClick(item, $event)">Send AJAX Request</button>
    <br/>
    Data from server: {{myData.fromServer}}
  </div>

  <script>
      angular.module("myapp", [])
          .controller("MyController", function ($scope, $http) {
              $scope.myData = {};
              $scope.myData.doClick = function (item, event) {

                  $http.post('TestAngular.aspx/GetEmployees', { data: {} })
                    .success(function (data, status, headers, config) {
                        $scope.myData.fromServer = data.d;
                    })
                    .error(function (data, status, headers, config) {
                        $scope.status = status;
                    });

              }


          }).config(function ($httpProvider) {

              $httpProvider.defaults.headers.post = {};

              $httpProvider.defaults.headers.post["Content-Type"] = "application/json; charset=utf-8";

          });
  </script>

</body>

</html>

在隐藏代码的同一aspx页面上,这是简单的代码…

[WebMethod]
public static string GetEmployees()
{
  return "OK-test";
}


 类似资料:
  • 问题内容: 我想从本地计算机上的JSON文件中获取数据。但是我无法获取数据。它显示了$ http的某些跨域错误。 这是我的代码。 任何人都可以帮助我如何显示本地JSON文件中的数据?提前致谢。 问题答案: 很简单,就像

  • 我无法从API获取数据。我尝试了不同的方法,但没有成功。这是我的代码和API。我想通过react-fetch方法使用这些数据(JSON)。 当我使用这个获取api时,它正在工作。数据与上面的数据几乎相同,但那不是真正的Rest API。

  • 问题内容: 我正在尝试从Angular服务hero.service.ts获取json数据。当在MemoryDataService中使用伪造的HTTP API时,一切正常,我从in-memory- data.service.ts文件中获取json数据。但是,当我尝试从真实的json文件中获取数据时,它不起作用,并且在浏览器中出现错误“找不到集合”。 以下是文件内容(所有3个文件都位于app /文件夹

  • 问题内容: Hai,我是Angularjs的新手。我正在尝试从JSON文件读取数据,但是它返回了奇怪的输出。这是我的controller.js文件 这是我的services.js文件 控制台输出为 请帮忙。 问题答案: $ http.get 返回一个promise,您将返回一个包含该promise的数组。 而是这样做: 然后以这种方式使用您的工厂:

  • 问题内容: 我正在尝试使用$ resource从静态json文件中获取数据,这是代码段: 在控制器中 但是现在,我遇到了一个错误: 你能帮我解决我的问题吗? 问题答案: 您不需要为默认方法指定动作参数(这些方法是“ get”,“ save”,“ query”,“ remove”,“ delete”)。在这种情况下,您可以按原样使用method(这仅需要更改服务定义): PS还有一个提示是,如果您需

  • 我在JSON中有以下数据: 并且我想使用jQuery获得它,这就是我正在做的: 我还尝试使用回调来实现它,这样做: 即使使用回调,我也无法恢复数据。返回函数。而返回未定义的me,并表示回调不是函数。