ember-jsonp

This README outlines the details of collaborating on this Ember addon.

This is service addon, named jsonp, providing ember-ajax -like UX with JSONP data without jQuery

DEMO

https://lifeart.github.io/ember-jsonp/demo/

Usage Example

  ember install ember-jsonp

   this.get('jsonp').request(URL,context,success,error,options);
   
   <<OR>>
   
   this.get('jsonp').request(URL,options).then(success).catch(error);
    
   <<OR>>

   this.get('jsonp').request({url,paramName}).then(success).catch(error);
   
   <<OR>>
   
    this.get('jsonp').request({
      url: "http://site.com?method=jsonp&callback={{callbackName}}",
      pattern: "{{callbackName}}"
    }).then(success).catch(error);
   

  jsonp: service(),
  init() {
    this.set('searchTag', 'emberconf');
  },
  items: computed(function () {
    return [];
  }),
  searchTag: '',
  getFlickerURI() {
    let encodedTag = encodeURIComponent(this.get('searchTag'));
    return `//api.flickr.com/services/feeds/photos_public.gne?tags=${encodedTag}&format=json`;
  },
  searchTagDidChange: on('init', observer('searchTag', function() {
    let url = this.getFlickerURI();
    this.get('jsonp').request(url,this,(result)=>{
      this.set('items',result.items);
    },(error)=>{
      console.log(error);
    },{
      paramName: 'jsoncallback'
    });

  }))

ember-jsonp generates random JSONP callback, with timeout and success/error handlers;

Options

• paramName callback parameter name
• callbackName callback name
• timeout timeout (ms)
• uri or url request URL
• context context for success/error handlers
• success success handler
• error error handler
• pattern callbackName pattern,

allows URL like http://site.com/jsonp?callback={{callbackName}}

where {{callbackName}} -> pattern for replacing by service

Installation

• git clone this repository
• npm install
• bower install

Running

• ember serve
• Visit your app at http://localhost:4200.

Running Tests

• npm test (Runs ember try:testall to test your addon against multiple Ember versions)
• ember test
• ember test --server

Building

• ember build

For more information on using ember-cli, visit http://ember-cli.com/.