在以POST（而不是GET）发送请求后，如何将对象作为html页面插入到来自后端的html元素中？

Question

I'm sending parameters from frontend and receiving a html object as response from backend. My request parameters are large text fragments which I must send as POST request parameters, or request object and I cannot send them as url path parameters with GET method for some reasons (like too large text, security and secrecy). Say I have in Html:

<button ng-click=" myFunction (myParam1, myParam2)">Send </button>
 <div id="myElement"></div>

in script:

function (myParam1, myParam2){
    var myParams={' myParam1':  myParam1, ' myParam2': myParam2};
    return $http({
        method: 'POST',
        url: "/postparameters",
        data: myParams
    }).then(function(data) {
        document.getElementById("myElement").innerHTML = data;           
    })
};

In my backend (java Spring) I process parameters and return String object that is html text. There is no problem with backend (it return proper html text and I tested and it). Problem is how to receive html object in my html element? When I try it I'm getting like [object Object].

As an option (that could receive html object in html element) but I cannot use here, in this case: If I use ng-include=" 'url' " (and url from my backend) then I could only include parameters in url as path parameters, I could only use GET method. But in my case I need to use POST. Can I use ng-include with POST or use something else that can work with POST and avoiding parameters in url path?

Answer 1

尝试这个

document.getElementById("myElement").innerHTML = data.data;