pum
Gebruiker
- Lid geworden
- 18 dec 2009
- Berichten
- 193
Momenteel ben ik bezig met het bouwen van een webapplicatie in jQuery mobile. In de webapplicatie haal ik via de facebook en Twitter API data op. Nu heb ik hier twee aparte functies voor geschreven maar eigenlijk wil ik een generieke functie schrijven die alleen het ophalen van de data afhandelt (zoals hieronder in GetData.js), en mij een json terugstuurt waar ik mee verder kan werken (binnen functions.js). Wanneer ik dit probeer en data wil terug sturen via een return ontvang ik geen json. Het geheel heb ik al volgt opgezet.
in de index file in binnen de head tag staan de volgende javascript bestanden
natuurlijk staat hier de jQuery library etc ook alle andere benodigde libraries ook in
functions2.js (omdat het jQuery mobile is werk ik hier met pageinit)
[JS]
$('#albums').live('pageinit', function(){
// hier benader ik een functie die staat in GetData.js. Ik stuur hier het json bestand naartoe
// albumParser.php haalt via php curl functie de juiste data op.
GetData.returnAlbumData('albumParser.php');
});
$('#twitter').live('pageinit', function(){
GetData.returnTweetData('tweetParser.php');
});
[/JS]
GetData.js
[JS]var GetData = {
pub.returnAlbumData = function(file) {
$.ajax({
url: file,
dataType: 'json',
data: { sort:'date', start:0, limit:10 },
beforeSend: function (data) {
$(".ui-content").after("<img src='img/loading.gif' id='loader'>");
},
success: function (data) {
return data;
}
});
}
}
[/JS]
Nu is mijn vraag hoe kan ik een generieke functie schrijven die alleen de data (json) ophaalt, en deze vervolgens terugstuurt naar functions2.js zodat ik de data daar beschikbaar heb.
in de index file in binnen de head tag staan de volgende javascript bestanden
HTML:
<script type="text/javascript" src="js/functions2.js"></script>
<script type="text/javascript" src="js/GetData.js"></script>natuurlijk staat hier de jQuery library etc ook alle andere benodigde libraries ook in
functions2.js (omdat het jQuery mobile is werk ik hier met pageinit)
[JS]
$('#albums').live('pageinit', function(){
// hier benader ik een functie die staat in GetData.js. Ik stuur hier het json bestand naartoe
// albumParser.php haalt via php curl functie de juiste data op.
GetData.returnAlbumData('albumParser.php');
});
$('#twitter').live('pageinit', function(){
GetData.returnTweetData('tweetParser.php');
});
[/JS]
GetData.js
[JS]var GetData = {
pub.returnAlbumData = function(file) {
$.ajax({
url: file,
dataType: 'json',
data: { sort:'date', start:0, limit:10 },
beforeSend: function (data) {
$(".ui-content").after("<img src='img/loading.gif' id='loader'>");
},
success: function (data) {
return data;
}
});
}
}
[/JS]
Nu is mijn vraag hoe kan ik een generieke functie schrijven die alleen de data (json) ophaalt, en deze vervolgens terugstuurt naar functions2.js zodat ik de data daar beschikbaar heb.
Laatst bewerkt:
