0

嗨，在我的脚本中，我试图通过 ajax 调用一个页面，然后将该页面的内容插入到 dom 中。目标页面有以下代码：

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script src="js/highcharts.js" type="text/javascript"></script>
<script type="text/javascript">
var chart1; // globally available
$(document).ready(function() {
  chart1 = new Highcharts.Chart({
     chart: {
        renderTo: 'chart-container-1',
        defaultSeriesType: 'bar'
     },
     title: {
        text: 'Fruit Consumption'
     },
     xAxis: {
        categories: ['Apples', 'Bananas', 'Oranges']
     },
     yAxis: {
        title: {
           text: 'Fruit eaten'
        }
     },
     series: [{
        name: 'Jane',
        data: [1, 0, 4]
     }, {
        name: 'John',
        data: [5, 7, 3]
     }]
  });
});
</script>
</head>
<div id="chart-container-1" style="width: 100%; height: 400px"></div>

它来自 highcharts 脚本。当我进行 ajax 调用时，我只得到一个空的 div。尽管如此，当我在没有 ajax 调用的情况下运行页面时，它运行得很好。

编辑：我请求的页面包含 jquery 脚本，但是我没有使用 jquery 脚本来调用它。我正在使用这些功能：

function callAHAH(url, pageElement, callMessage, errorMessage) {
 document.getElementById(pageElement).innerHTML = callMessage;
 try {
 req = new XMLHttpRequest(); /* e.g. Firefox */
 } catch(e) {
   try {
   req = new ActiveXObject("Msxml2.XMLHTTP");  /* some versions IE */
   } catch (e) {
     try {
     req = new ActiveXObject("Microsoft.XMLHTTP");  /* some versions IE */
     } catch (E) {
      req = false;
     } 
   } 
 }
 req.onreadystatechange = function() {responseAHAH(pageElement, callMessage, errorMessage);};
 req.open("GET",url,true);
 req.send(null);
}

function responseAHAH(pageElement, callMessage, errorMessage) {
var output = '';
if(req.readyState == 4) {
  if(req.status == 200) {
     output = req.responseText;
     document.getElementById(pageElement).innerHTML = output;
     } else {
     document.getElementById(pageElement).innerHTML = errorMessage+"\n"+output;
     }
  }
}
4

2 回答 2

2

除非您将数据类型选项设置为“html”，否则 jQuery AJAX 会从响应中调用剥离脚本标签

确保已将数据类型设置为 html。

$.ajax({url:"/sompage.html",datatype:"html",type:"GET"});

请参阅此处的文档

于 2010-12-17T09:38:52.910 回答
0

如果你使用更新面板

Sys.Application.add_load(your_function);
于 2010-12-17T09:39:15.620 回答