Search jQuery

jQuery Forum

Custom plugin who accepts parameters for showing results from api

in Developing jQuery Plugins • 7 years ago

Hello to all, can someone please help me to do jquery plugin. I have an assignment to do plugin to use like $('element').customPlugin({'showResults': 10}). Default is 10 but it can be changed. I made my plugin but i don't know how to limit results. My plugin looks like

$.fn. customPlugin = function(opts)

{

var defaultOptions = {

showResults: 10

};

var opts = $.extend({}, defaultOptions,opts);

$.ajax({

url: 'http/someurl',

dataType:'json',

success:function(data){

error:function(){

console.log('error from receving data');

}

});

};

....but i dont know how to proceed... Thank you in advance

Replies(9)

jakecigar

Re: Custom plugin who accepts parameters for showing results from api

7 years ago

$.ajax({
url: 'http/someurl',
data:opts,
dataType:'json',
success:function(data){
},
error:function(){
console.log('error from receving data');
}
});
};

That way someurl gets the parameters you send as data.

JΛ̊KE

Cossandre

Re: Re: Custom plugin who accepts parameters for showing results from api

7 years ago

Thank you for your reply Jake, but it still won't work... Probably i am doing sth wrong but i don't know what, i am not very good with jQuery. I am pasting whole code maybe someone will see the problem.

Html:

<div class="container">
<h3>Match carousel</h3>
<div class="content">
<ul class="slider"></ul>
</div>
</div>

app.js

$('slider').matchCarousel({'maxMatches': 16});

matchCarouselPlugin

(function ( $ ) {
'use strict';
$.fn.matchCarousel = function(opts)
{
var defaultOptions = {
maxMatches: 10
};
var opts = $.extend({}, defaultOptions,opts);
function getData(){
$.ajax({
url:someUrl,
data: opts,
dataType:'json',
success:function(data){
var slider = $('.slider');
$.each(data.doc, function(index, element){
$.each(this.data, function(index, element){
var sportName = element.name;
$.each(this.realcategories, function(index, element){
var country = element.name;
$.each(this.tournaments, function(index, element){
var tournamentName = element.name;
var seasonTypeName = element.seasontypename;
$.each(this.matches, function(index, element){
var matchStatusId = element.status._id;
var matchStatusName = element.status.name;
var li = $('<li></li>');
li.append('<h1>' sportName+'/'+country+'</h1<br>'+
'<h2>'+tournamentName + '</h2><br><h3>'
+seasonTypeName+'</h3><br>');
li.append('<span class="ended">'+ matchStatusName +'</span><hr>');
slider.append(li);
error:function(){
console.log('error from receving data');
}
});
};
getData();
};
}( jQuery ));

jakecigar

Re: Custom plugin who accepts parameters for showing results from api

7 years ago

url:’http://lsdev.betradar.com/ls/feeds/?/betradar/en/Europe:Berlin/gismo/event_fullfeed/0/5',

Are you attempting to go CROSS DOMAIN?

JΛ̊KE

Cossandre

Re: Re: Custom plugin who accepts parameters for showing results from api

7 years ago

sorry but i don't know what mean to go cross domain... I get this url in a assignment...

jakecigar

Re: Custom plugin who accepts parameters for showing results from api

7 years ago

A page on one server may not do AJAX to another server.

JΛ̊KE

Cossandre

Re: Re: Custom plugin who accepts parameters for showing results from api

7 years ago

ok, thank you, but i think it should work, why would they ask us to do if wouldn't be ok on their side. Ok than with code is everything ok? This is normal procedure to limit results through plugin? Normally should work?

watusiware

Re: Custom plugin who accepts parameters for showing results from api

7 years ago

It's likely NOT ok!

The site you are using provides sports betting statistics. They provide data to partners who sign an agreement with them. They are unlikely to give the data away to anybody who wants without paying or at least signing an agreement.

https://www.betradar.com/content-solutions/

To do Ajax with that site:

1. Make sure your usage is in accordance with their Terms and Conditions

2. they will either have to whitelist your server's IP address, or else whitelist ALL IP addresses. See above for why I think it's unlikely they would whitelist all IP addresses!

3. Make sure you match http/https. That is, you cannot mix and match http/s between your own site and theirs. They both have to be the same.

4. You may have to use a real server for your site. (Not just loading from local files on your PC.) Depends on browser. Some browsers (Chrome, for example) will not to Ajax if the page was served from a local filesystem.

Cossandre