javascript - POST 请求中 Html 丢失

Question

我尝试发送一个对象，其中包含一个包含原始 html 的对象

template: "<div class="dd_snippet" id="snippet_84909"><div class="row"> <div class="col-xs-12"><h1 class="padding10">Big title</h1></div></div></div><div class="dd_snippet" id="snippet_46417"><div class="row"><div class="col-xs-12"><h2 class="padding10">Middle title</h2></div></div></div><div class="dd_snippet" id="snippet_20274"><div class="row"><div class="col-xs-12"><h3 class="padding10">Small title</h3></div></div></div>"

我这样发送:

action.addCampaign = function(idLieu, campaign){
        console.log("Campaign : ", campaign);
        return  $http({
            url: $company.backend+'/lieu/'+idLieu+'/campaign', 
            method: 'POST',
            data: $.param(campaign),
            headers: {'Content-Type': 'application/x-www-form-urlencoded'}
        });
    }

当我显示服务器收到的内容时，我注意到包含 html 的对象为 null

谁能告诉我为什么？

感谢您的回答!

Answer 1

您有一些报价问题；您可以用单引号替换 javascript 字符串周围的内容。或者转义字符串中的每个双引号。

template: '<div class="dd_snippet" id="snippet_84909"><div class="row"> <div class="col-xs-12"><h1 class="padding10">Big title</h1></div></div></div><div class="dd_snippet" id="snippet_46417"><div class="row"><div class="col-xs-12"><h2 class="padding10">Middle title</h2></div></div></div><div class="dd_snippet" id="snippet_20274"><div class="row"><div class="col-xs-12"><h3 class="padding10">Small title</h3></div></div></div>'