使用javaScript SDK保存要解析的数据

Question

Using parse.com and JavaScript SDK. - Section one shows a list of objects - Section two lets the user select one of those objects and add to a modal box - Section three saves the data to parse

What I'm unable to work out is how I can save the section 1 item.badgename and item.category to parse.

I've tried adding m yBadge.set("category", badgename.toString()); to section 3, but I get a undefined error. i'm not sure how to define this before trying to save.

Really need some help and an example to follow.

3 -Saves the badge details to parse

 var MyBadge = Parse.Object.extend("myBadges");
 var FriendRequest = Parse.Object.extend("FriendRequest");
 var friendRequest = new FriendRequest();
 friendRequest.id = window.selectedFriendRequestId;


 var badgeselected = $('#badgeselect .go').attr("src");

 $(document).ready(function() {

    $("#send").click(function() {

        var myBadge = new MyBadge();
        var badgeselected = $('#badgeselect img').attr("src");
        var BadgeSentTo = $('#selectFriend').val();
        var categorySelected = $('#category').val();

        var uploadercomment = $('#UploaderComment').val();
        myBadge.set("BadgeName", badgeselected); //got this working using .set 
        myBadge.set("Comment", uploadercomment); //got this working using .set 
        myBadge.set("category", categorySelected);
        myBadge.set("SentTo", new Parse.User({
            id: BadgeSentTo
        }));
        myBadge.set("uploadedBy", Parse.User.current());




        myBadge.save(null, {
            success: function(results) {

                console.log("Done");
                //location.reload();
            },
            error: function(contact, error) {
                // The save failed.

                alert("Error: " + error.code + " " + error.message);
            }
        });

        return false;
    });
 });

** 1- Returns results to the page for user to select**

    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);
                }
            });

2 -Upon the user selecting an object from above, this adds the data to a modalbox

 $(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;
    });
 });

Answer 1

This was addressed by making the following changes. - Taking the data from #badgeSelect not #category - From section 3, the line var categorySelected = $('#category').val(); was changed to categorySelected = $('#badgeselect .categorylabel').text();

By taking the data from #badgeSelect it meant that the only data being available was that shown shown in the text box, instead of '#category'that returned all results.

The it was simply targeting the text correctly with the change to the var categorySelected