Javascript C#ASP.NET MVC jQuery.html()函数不能处理DevExpress图表数据

Javascript C#ASP.NET MVC jQuery.html()函数不能处理DevExpress图表数据,javascript,c#,jquery,ajax,devexpress,Javascript,C#,Jquery,Ajax,Devexpress,各位开发者好 我的ajax调用有一个问题,在成功地从我的操作中检索数据后,jQuery html()函数没有正确地用更新的html内容替换html(内容是基于partialView的DevExpress图表,其中只有图表) 这个脚本工作得很好,但是在开发过程中图表突然不再更新了 Changes.cshtml <script type="text/javascript"> function OnSelectTimescale(s, e){ var cha

各位开发者好

我的ajax调用有一个问题,在成功地从我的操作中检索数据后,jQuery html()函数没有正确地用更新的html内容替换html(内容是基于partialView的DevExpress图表,其中只有图表)

这个脚本工作得很好,但是在开发过程中图表突然不再更新了

Changes.cshtml

    <script type="text/javascript">
    function OnSelectTimescale(s, e){
        var chartname = s.uniqueID.split("TimescaleMenu").join("");
        var actionname = chartname + "PartialChart";
        var url = "/Home/" + actionname + "/";
        var container = actionname + "Container";
        var chartContainer = actionname + "_IMG";
        $.ajax({
            type: "POST",
            url: url,
            data: { timescale: e.item.name },
            beforeSend: function () {
                console.log(chartname);
                console.log(actionname);
                console.log(url);
                console.log(container);
                console.log(chartContainer);

                LoadingPanel.ShowInElementByID(chartContainer);
            },
            success: function (response) {
                LoadingPanel.Hide();
                $(container).html(response);
            }
        });
    }
</script>

    <div id="AnimalChangedByPartialChartContainer">
    <div id="AnimalChangedByPartialChart" onmousemove="ASPx.chartMouseMove(event, &#39;AnimalChangedByPartialChart&#39;)" onclick="ASPx.chartClick(event, &#39;AnimalChangedByPartialChart&#39;)" style="height:300px;width:500px;">
    <img id="AnimalChangedByPartialChart_IMG" src="/DXB.axd?DXCache=eb3eda3a-8a56-485e-a825-715239856987" alt="The ANIMAL_HISTORY chart showing XML inlees module (PDA2RUMA) series, CRV RsReproduction series, LNV Verblijfplaatsen ophalen series, LNV Verblijfplaatsen correctie  series." />
</div>
    </div>
</div>

选择时间刻度上的函数(s、e){
var chartname=s.uniqueID.split(“TimescaleMenu”).join(“”);
var actionname=chartname+“PartialChart”;
var url=“/Home/”+actionname+“/”;
var container=actionname+“container”;
var chartContainer=actionname+“_IMG”;
$.ajax({
类型:“POST”,
url:url,
数据:{timescale:e.item.name},
beforeSend:函数(){
console.log(chartname);
console.log(actionname);
console.log(url);
控制台日志(容器);
控制台日志(chartContainer);
加载面板。显示列线图(chartContainer);
},
成功:功能(响应){
LoadingPanel.Hide();
$(容器).html(响应);
}
});
}
请求url是正确的,我已经测试过了,在网络控制台中,我可以看到基于新选择的时间刻度生成的图表的图像

“LoadingPanel.Hide();”是正确执行的最后一行代码。 有人知道为什么吗
$container.html(响应);
没有正确地替换当前元素?

我猜您需要为ajax请求设置数据类型属性,因为它不知道需要什么类型的数据。

我猜您需要为ajax请求设置数据类型属性,因为它不知道需要什么类型的数据。

可以吗u检查浏览器控制台?我假设它将容器视为HTML元素而不是Id。您可以检查浏览器控制台吗?我假设它将容器视为HTML元素而不是Id。