使用javaScript SDK保存要解析的数据
使用parse.com和JavaScript SDK。 -第一节显示了对象列表 -第二节允许用户选择其中一个对象并添加到模式框中 -第三节保存要解析的数据 我无法解决的是如何保存要分析的第1节item.badgename和item.category 我尝试添加myBadge.setcategory、badgename.toString;到第3节,但我得到一个未定义的错误。在尝试保存之前,我不确定如何定义它 真的需要一些帮助和一个例子来遵循 3-保存要分析的徽章详细信息 **1-将结果返回到页面供用户选择**使用javaScript SDK保存要解析的数据,javascript,jquery,parse-platform,Javascript,Jquery,Parse Platform,使用parse.com和JavaScript SDK。 -第一节显示了对象列表 -第二节允许用户选择其中一个对象并添加到模式框中 -第三节保存要解析的数据 我无法解决的是如何保存要分析的第1节item.badgename和item.category 我尝试添加myBadge.setcategory、badgename.toString;到第3节,但我得到一个未定义的错误。在尝试保存之前,我不确定如何定义它 真的需要一些帮助和一个例子来遵循 3-保存要分析的徽章详细信息 **1-将结果返回到页面供
var GlobalBadges = Parse.Object.extend("Global_Badges");
var query = new Parse.Query(GlobalBadges);
query.exists("Global_Badges_img");
query.find({
success: function(results) {
var friends = [];
for (var i = 0; i < results.length; i++) {
friends.push({
imageURL: results[i].get('Global_Badges_img'),
//friendRequestId: results[i].id,
badgename: results[i].get('BadgeName'),
category: results[i].get('category')
});
}
// TW: replaced dynamic HTML generation with wrapper DIV that contains IMG and name DIV
_.each(friends, function(item) {
// using a wrapper so the user can click the pic or the name
var wrapper = $('<div></div>');
wrapper.append('<img class="images BadgeImgOutline responsive-image" src="' + item.imageURL + '" />'+ '<br>');
wrapper.append('<div id="name"class="tag badgelabel" >'+ item.badgename + '</div>'+ '<br>');
wrapper.append('<div id="category" class="tag categorylabel" >'+ item.category + '</div>'+ '<br>'+ '<br>' );
$('#container').append(wrapper);
});
},
error: function(error) {
alert("Error: " + error.code + " " + error.message);
}
});
通过进行以下更改解决了这一问题。 -从“不选择类别”中获取数据 -从第3节中,行var categorySelected=$'category'.val;已更改为categorySelected=$'badgeselect.categorylabel'。文本 从badgeSelect获取数据意味着唯一可用的数据是文本框中显示的数据,而不是返回所有结果的“类别” 它只是通过对var categorySelected的更改来正确定位文本
var GlobalBadges = Parse.Object.extend("Global_Badges");
var query = new Parse.Query(GlobalBadges);
query.exists("Global_Badges_img");
query.find({
success: function(results) {
var friends = [];
for (var i = 0; i < results.length; i++) {
friends.push({
imageURL: results[i].get('Global_Badges_img'),
//friendRequestId: results[i].id,
badgename: results[i].get('BadgeName'),
category: results[i].get('category')
});
}
// TW: replaced dynamic HTML generation with wrapper DIV that contains IMG and name DIV
_.each(friends, function(item) {
// using a wrapper so the user can click the pic or the name
var wrapper = $('<div></div>');
wrapper.append('<img class="images BadgeImgOutline responsive-image" src="' + item.imageURL + '" />'+ '<br>');
wrapper.append('<div id="name"class="tag badgelabel" >'+ item.badgename + '</div>'+ '<br>');
wrapper.append('<div id="category" class="tag categorylabel" >'+ item.category + '</div>'+ '<br>'+ '<br>' );
$('#container').append(wrapper);
});
},
error: function(error) {
alert("Error: " + error.code + " " + error.message);
}
});
$(document).ready(function() {
$('.go img').css('cursor', 'pointer');
$('.go').on('click', 'img', function(e) {
$('.go img').removeClass('BadgeImgOutline');
$(this).parent().appendTo('#badgeselect');
$(this).addClass('BadgeImgOutlineSmall');
$('.go img').addClass('BadgeImgOutline');
$('#modal').reveal({
closeonbackgroundclick: true,
dismissmodalclass: 'close'
});
return false;
});
});