Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Angular JS</title>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <script  src="weather.js"></script>
  </head>
<body ng-app="jsbin">
  <div ng-controller="DemoCtrl as vm">
      <script src="weather.js"></script>
          <button ng-click="SendData()">Send</button>
    <br>
      Data:  {{PostDataResponse}}<br>
    {{vm.data}}
    {{vm.PostDataResponse}}
   Data:  {{scope.PostDataResponse}}
    {{vm.data}}
  </div>
    </body>
  </html>
​
​
​
​
​
 
var app = angular.module('jsbin', []);
​
app.controller('DemoCtrl',function($scope, $http){
      var url = "https://translate.yandex.net/api/v1.5/tr.json/translate";
      keyAPI = "trnsl.1.1.20130922T110455Z.4a9208e68c61a760.f819c1db302ba637c2bea1befa4db9f784e9fbb8";
  var vm = this;
    $scope.SendData = function () {
          // тут данные
      var textApi='Hello';
      var langApi='en-ru';
      var text1='Hello';
        var params = "key="+keyAPI+"&text="+textApi+"&lang="+langApi;
      
        
     $http({
   url: url,
   method: 'POST',
   params: params
})
.success(function(data,headers,status,config){
  $scope.PostDataResponse = data;
  vm.data = data;
  console.log(data);
 })
.error(function(data,headers,status,config){
 $scope.ResponseDetails = "Data: " + data +
                "<hr />status: " + status +
                "<hr />headers: " + header +
                "<hr />config: " + config;
     }
​
});
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
triestpro
0viewers