Web-item added using dynamic module api but it's not reflecting in respective place

Hi All,

I have added web-item using dynamic module REST API but it’s not showing in the operation menu.
please refer below code for details:

 let bodyData = `{
    "webItems": [
      {
        "location": "operations-operations",
        "weight": 200,
        "styleClasses": [
          "webitem",
          "system-present-webitem"
        ],
        "url": "/my-web-item",
        "context": "addon",
        "target": {
          "type": "page"
        },
        "tooltip": {
          "value": "Example tooltip"
        },
        "icon": {
          "width": 16,
          "height": 16,
          "url": "/maps/icon.png"
        },
        "name": {
          "value": "Dynamic Web Item"
        },
        "key": "web-item-example"
      }
    ]
}`; 
    AP.request({
        url: '/rest/atlassian-connect/1/app/module/dynamic',
        type: 'POST',
        body: bodyData,
        success: function(response){
        console.log(response);  //returning ""
        AP.request({
            url: '/rest/atlassian-connect/1/app/module/dynamic',
            type: 'GET',
            success: function(response){
            console.log(response); //getting empty json object i.e {}
         },
            error: function(xhr, statusText, errorThrown){
            console.log(arguments);
            }
        });
        },
        error: function(xhr, statusText, errorThrown){
        console.log(arguments);
        }
    }); 
 }

Please let me know if i missed anything or help me on above ?