Строка для объекта в angularJS

Question

Строка для объекта в angularJS

0

Мой веб-сервис возвращает данные, я заменяю ненужный символ и получаю действительную строку.

Как переносится строка в объект.

Пример 1: статические данные (а не веб-службы) работают нормально.

$scope.str = [];
str = {"car": [{"id": 11,"name": "BMW",}, {"id": 22,"name": "Toyota"}],};
$scope.data = str;

Пример 2: данные из веб-службы не работают

str = data;
str.replace("?", "").replace("(", "").replace(")", "").replace(";", "");
$scope.data = str;

paris0000 15 нояб. 2015, в 20:08

Источник

2

Можете ли вы опубликовать, как выглядит ответ вашего веб-сервиса?
groooves 15 нояб. 2015, в 19:12
0

Пожалуйста, включите пример ответа веб-службы в свой вопрос.
Rahul Desai 15 нояб. 2015, в 19:12
1

Вы должны быть более конкретными. Что ты имеешь в виду, что это не работает? Вы проверили, чтобы data в строке 1 примера 2 не были нулевыми или неопределенными? Если это так, это определенно вызовет проблемы на следующей строке.
Ernie 15 нояб. 2015, в 19:12
0

Мммм ... если ваш сервис возвращает json (string), значит, у вас уже есть объект на стороне клиента, нет? Если это возвращает что-то еще, может быть, вы создаете ненужные проблемы для себя?
Mikko Viitala 15 нояб. 2015, в 19:29
0

@groooves вот полный источник: jsbin.com/nuxanayuca/edit?html,js,output
paris0000 15 нояб. 2015, в 19:53

Показать ещё 3 комментария

Теги:

javascript

angularjs

html5

3 ответа

0

Это формат JSONP! Вам не нужно ничего чистить. Просто определите действительное имя обратного вызова и используйте $http.jsonp(). В документации вы найдете также рабочий образец.

Michael 15 нояб. 2015, в 19:32

0

replace() возвращает строку. Он не сохраняет результат в переменной "str". Попробуй это:

str = data;
str = str.replace("?", "").replace("(", "").replace(")", "").replace(";", "");
$scope.data = str;

nardnob 15 нояб. 2015, в 16:19

Ещё вопросы

Можете ли вы опубликовать, как выглядит ответ вашего веб-сервиса?
Пожалуйста, включите пример ответа веб-службы в свой вопрос.
Вы должны быть более конкретными. Что ты имеешь в виду, что это не работает? Вы проверили, чтобы data в строке 1 примера 2 не были нулевыми или неопределенными? Если это так, это определенно вызовет проблемы на следующей строке.
Мммм ... если ваш сервис возвращает json (string), значит, у вас уже есть объект на стороне клиента, нет? Если это возвращает что-то еще, может быть, вы создаете ненужные проблемы для себя?
@groooves вот полный источник: jsbin.com/nuxanayuca/edit?html,js,output

Zhenyang Hua · Accepted Answer · 2015-11-15T17-54-00.000Z

После очистки строки вам просто нужно запустить JSON.parse(),

попробуй это:

str = data;
JSON.parse(str.replace('?','').replace('(','').replace(')','').replace(';','').replace(',}','}').replace(',};','}'))
$scope.data = JSON.parse(str);

Версия REGEX:

JSON.parse(data.replace(/\?|\(|\)/g, '').replace(/,}/g, '}').replace(/;/g, ''));

Рабочая копия:

<!DOCTYPE html>
<html ng-app="app">

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular-sanitize.js"></script>
  <meta charset=utf-8 />
  <title></title>
</head>

<body ng-controller="MyController">
  <option ng-repeat="cars in data.car" value="{{cars.name}}">{{cars.name}}</option>

  <button ng-click="calculateQuantity()">Calculate</button>
  <script>
    var app = angular.module('app', ['ngSanitize']);

    app.controller("MyController", function($scope, $http) {


      $scope.calculateQuantity = function() {

        $http.get('https://crossorigin.me/http://wsvuci.int-ware.com/appWS.asmx/myService?callback=?', {
            params: {
              userName: 'aa',
              procedureName: "EXECUTE wsReturn"
            }
          })
          .success(function(data) {
            $scope.data = JSON.parse(data.replace(/\?|\(|\)/g, '').replace(/,}/g, '}').replace(/;/g, ''));
          })
          .error(function() {
            alert("error");
          });
      };

    });
  </script>

</body>

</html>

Не работает здесь полный исходный код jsbin.com/nuxanayuca/edit?html,js,output
отредактировал ответ, теперь это должно работать.