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 name="description" content="Application web en quelques minutes" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<link rel="stylesheet" href="https://raw.github.com/raphaelgoetter/KNACSS/master/css/knacss.css" media="all">
<meta charset=utf-8 />
<title>Mes produits</title>
</head>
<body>
  <div id="content"></div>
</body>
</html>
 
/*
** Style by Atinux
*/
#content {
  font-size: 1.4em;
}
#search {
  padding: 10px;
  background: rgb(240,240,240);
}
​
/*
** Forms
*/
input[type="text"] {
  border: 1px rgb(220,220,220) solid;
  padding: 5px;
  width: 60%;
  outline: none;
}
input[type="text"]:focus {
  border: 1px rgb(120,180,250) solid;
}
 
var callAPI = function (params) {
    var url = (typeof(params) === 'string' ? params : params.url),
        data = params.data || {},
        type = params.type || params.method || 'GET',
        call;
  if (type === 'GET') {
    myData = $.param({});
    call = $.getJSON(url, myData);
  }
  else {
    call = $.ajax({
      url: url,
      contentType: 'application/json',
      dataType: 'json',
      data: JSON.stringify(data),
      type: type
    });
  }
  call
  .success(function (res) {
    $('#content').append(_.escape(JSON.stringify(res)) + '<br/>');
  })
  .error(function (err) {
    console.log(err);
  });
};
​
// Call API with GET
callAPI('http://my-api.eu01.aws.af.cm/api/products');
​
// Call API with PUT
callAPI({
  url: 'http://my-api.eu01.aws.af.cm/api/products/1',
  method: 'PUT',
  data: {
    test: 'yes'
  }
});
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers