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>Ember Starter Kit</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v1.3.0.js"></script>
  <script src="http://builds.emberjs.com/tags/v1.5.0/ember.js"></script>
  <script src="https://rawgit.com/instructure/ic-ajax/master/dist/globals/main.js"></script>
</head>
<body>
​
  <script type="text/x-handlebars">
    <h2> Welcome to Ember.js</h2>
    {{outlet}}
  </script>
​
  <script type="text/x-handlebars" data-template-name="index">
    {{myData.ip}}
  </script>
</body>
</html>
​
​
 
App = Ember.Application.create();
​
App.IndexController = Ember.Controller.extend({
  myData: {},
  
  getMyData: function() {
    var self = this;
    var req = ic.ajax.raw({
      type: 'GET',
      url: 'http://ip.jsontest.com/?callback=?',
      dataType: 'jsonp'
    });
    req.then(
      function(result) {
        console.log('myData', result.response);
        self.set('myData', result.response);
      },
      function(response) {
        console.error('myData', response.jqXHR.responseText, response);
      }
    );
  }.on('init')
});
Output

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

Dismiss x
public
Bin info
iUtviklerpro
0viewers