将var从gsp抓取到js，然后抓取控制器

Question

controller

        class BookmarkItemApiController {

        static responseFormats = ['json', 'xml']

        static allowedMethods = [delete:['POST', 'DELETE'], update:['POST', 'PUT']]

        def index() {
            render (text:"test")
        }

        @Transactional
        def deleteItem(Bookmark bookmark) {

            if (bookmark == null) {
                render status: NOT_FOUND
                return
            }

    ///not working here ////
            def itemid = params.itemid
            println " --> itemid -- ${itemid}"

            if (params.portfolio) {
                itemid.delete()
                println ">>> delete portfolio id"
            } else if (params.catalogue) {
                itemid.delete()
                println ">>> delete  id"
            } else if (params.image) {
                itemid.delete()
                println ">>> delete image id"
            }
    //////////////////////////
           def item = [:]
            item.name = bookmark.name
            item.id = bookmark.id
            item.delete = true

            item.items = []
            item.items += bookmark.portfolios?:[]
            item.items += bookmark.images?:[]
            item.items += bookmark.catalogues?:[]


            respond item

        }

JS

$('.ac-hns').on('click', '.icn-close-white', function(e) {

        e.preventDefault();
        deleteBookmarkItem($(this), $(this).parent().data('id'), $(this).parent().data('type'), $(this).parent().attr('data-bookmark-id'));
    });
 function deleteBookmarkItem(btn, itemID, category, bookmarkID) {
        var sendData = {
            item: itemID,
            // ownerId: userSessionId
        };
        sendData[category] = itemID;
        console.log(sendData)

        console.log('?: ' + $.param(sendData));

        $.ajax({
            url: '/bookmarkItemApi/deleteItem/' + bookmarkID + '?' + $.param(sendData),
            type: 'GET',
            contentType: 'application/json',
            dataType: 'json',
            success: function(response) {
                //unlink or remove portfolio from bookmark
                $('[data-id="' + itemID + '"]').remove();
                console.log(response);
            },
            error: function(error) {
                console.log(error);
                console.log('fails');
            }
        });
    }

GSP example

     <g:each in="${bookmark.loadCatalogues()}" var="catalogue">
  <div class="mb ac-hns" data-id="${catalogue.id}" data-bookmark-id="${bookmark.id}" data-type="catalogue">
  <a href="/catalogue/more/${catalogue.id}">
    <span>
      <span>${catalogue.title}</span>
      <span>By ${catalogue.owner?.fullname}</span>
    </span>
    <span>
      <span>love
    </span>
  </a>
  <i class="icn-close-white"></i>
</div>
</g:each>

JS grabs all vars (data) just fine but the problem is that in controller the itemid seems to return null as in stacktrace. I couldn't get all vars to be sent to the controller. I wanted to be able to find any type, portfolio, image etc, for its id to be removed from bookmark.

        def itemid = params.itemid
    println " --> itemid -- ${itemid}"

    if (params.portfolio) {
        itemid.delete()
        println ">>> delete portfolio id"
    } else if (params.catalogue) {
        itemid.delete()
        println ">>> delete  id"
    } else if (params.image) {
        itemid.delete()
        println ">>> delete image id"
    }

Testing the println but there are no messages or anything. So assume that this part is not working.

Help appreciated!

Answer 1

If I saw this correctly, you're sending the param with the name item :

var sendData = {
  item: itemID,
  // ownerId: userSessionId
};

And in your controller you're looking for itemid :

///not working here ////
def itemid = params.itemid
println " --> itemid -- ${itemid}"