Javascript 我正在尝试使用AngularJS发布数据

嗨，谢谢你读这篇文章，我又遇到了一个问题。。。这个问题是如此复杂，我在谷歌搜索，也在这个论坛，但直到现在没有答案解决我的问题，所以这里是问题

我运行一个本地主机，我们的目标是让（如果你能看到上面的图像）当用户点击“TaBaBaKAN”，然后黄色按钮“LANJUTKAN”上的空白字段出现用户通过“绿色按钮”“TAMBAKANN”的东西的列表（我希望每个人都了解流）

问题是，不知何故，我对如何从项目列表中定义数据感到困惑，因此我可以将其放入“lanjutkan”上方的字段中，有人可以帮助我吗

代码如下：

html（仅针对字段，代码太长，我认为没有必要在此处显示所有字段）

有人能帮我吗？多谢各位

@拉维，这是代码，我认为评论不是代码的地方：

$scope.tambahItem = function(){
      $scope.data = $scope.dataItem.stores;
      $scope.temp = angular.fromJson($scope.data);
      alert($scope.temp.name);
};

---

这段代码返回“undefined”，你知道如何修复它吗？另外，如果我从Json获取数据，它返回的对象也应在接受请求的服务器上启用CORS。您的服务器应该说我可以接受来自未知/跨来源地的api请求

我建议你检查一下

---

顺便说一句，如果您可以笼统地表达您的问题，则无需附加图像，因为这可能违反您可能正在工作的组织的版权政策。

应在接受请求的服务器上启用CORS。您的服务器应该说我可以接受来自未知/跨来源地的api请求

我建议你检查一下

---

顺便说一句，如果你可以笼统地表达你的问题，不需要附加图片，因为这可能违反你可能正在工作的组织的版权政策。

嗨，谢谢你的回答，我已经与后端讨论过，他们说我们可以使用CORS来表示“获取”，但“发布”仍然不能，你有什么想法吗？哦，是的，我的代码呢？有什么问题吗？我仍然有困难，当我想得到的数据使用ng点击。。。顺便说一句，谢谢你的建议。。。我会记住这一点，在做POST时，浏览器先发送HTTP选项，然后再发送POST。所以您需要启用CORS for选项和POST to do POST。请检查一下就可以了。您可以签入浏览器开发工具的“网络”选项卡，我打赌您的选项xhr失败了。这将有助于我确信嗯。。。在我检查之后，我认为我的xhr服务器状态是200，所以我认为它工作了，哦，是的，如果我可以问的话，另一件事。。。你知道从MethodPost获取数据的代码吗？我使用代码$scope.data=$scope.dataItem.stores$scope.temp=angular.fromJson（$scope.data）；警报（$scope.temp.name）；但返回不明确。实际上，您应该将所有http内容放在一个服务中，并将其用作控制器中的依赖项$http返回一个承诺，承诺有一个

then

方法，该方法接受成功和错误回调。成功回调的第一个参数是post的返回数据。您好，谢谢您的回答，我已经和后端讨论过了，他们说我们可以使用CORS来表示“GET”，但是对于“post”仍然不能，您知道吗？哦，是的，我的代码呢？有什么问题吗？我仍然有困难，当我想得到的数据使用ng点击。。。顺便说一句，谢谢你的建议。。。我会记住这一点，在做POST时，浏览器先发送HTTP选项，然后再发送POST。所以您需要启用CORS for选项和POST to do POST。请检查一下就可以了。您可以签入浏览器开发工具的“网络”选项卡，我打赌您的选项xhr失败了。这将有助于我确信嗯。。。在我检查之后，我认为我的xhr服务器状态是200，所以我认为它工作了，哦，是的，如果我可以问的话，另一件事。。。你知道从MethodPost获取数据的代码吗？我使用代码$scope.data=$scope.dataItem.stores$scope.temp=angular.fromJson（$scope.data）；警报（$scope.temp.name）；但返回不明确。实际上，您应该将所有http内容放在一个服务中，并将其用作控制器中的依赖项$http返回一个承诺，承诺有一个

then

方法，该方法接受成功和错误回调。成功回调的第一个参数是post的返回数据。

var app = angular.module('pesanlab', []);
app.controller('pesanlabCtrl', function($scope,$http){
    //variabel awal
    $scope.showMe = false;
    $scope.myFunc = function() {
        $scope.showMe = !$scope.showMe;
    }


    $scope.aksi = "tambah";

    //code untuk mengeluarkan data dari data/item.json
    $scope.dapatkanItem = function(){
    $http.get('/someurl').success(function(data){
      $scope.dataItem = data;
    });
    }

    $scope.dapatkanItem();

    $scope.dapatkanPanel = function(){
    $http.get('/someurl').success(function(data){
      $scope.dataPanel = data;
    });
    }

    $scope.dapatkanPanel();

    $scope.dapatkanPaket = function(){
        $http.get('/someurl').success(function(data){
           $scope.dataPaket = data;
        });
    }

    $scope.dapatkanPaket();

    $scope.addToCart = function(){
        $http({
          method: 'POST',
          url: '/someurl',
          headers: {
            "Access-Control-Allow-Origin" : "*",
            "Access-Control-Allow-Methods" : "GET,POST,PUT,DELETE,OPTIONS",
            "Access-Control-Allow-Headers": "Content-Type, Authorization, X-Requested-With"
          },
          data: {
          //  master_code: $scope.name,
            name: $scope.item
          }
        }).success(function(data, status, headers, config){
          $scope.tambahkan = data;
        });
        console.log($scope.item)
    }

    $scope.tambahkanCart = function(){
        $http.get('/someurl').success(function(data, status, headers, config){
           $scope.tambahCart = data;
        });
    }

    $scope.tambahkanCart();
    });

    app.filter('regex', function() {
          return function(input, field, regex) {
              var patt = new RegExp(regex);
              var out = [];

              if(input === undefined){
                  return out;
              }
              for (var i = 0; i < input.length; i++){
                  if(patt.test(input[i][field]))
                      out.push(input[i]);
              }
            return out;
          };
    });

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://dev.pesanlab.com/api/v1/order/cart/add. (Reason: missing token 'access-control-allow-headers' in CORS header 'Access-Control-Allow-Headers' from CORS preflight channel).

$scope.tambahItem = function(){
      $scope.data = $scope.dataItem.stores;
      $scope.temp = angular.fromJson($scope.data);
      alert($scope.temp.name);
};