Question

您好我正在尝试在DIV标记中显示javascript图表。我想用jQuery.ajax调用一个url。以下是我的代码。

<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="./jquery-ui.css" />
<script src="./jquery-1.9.1.js"></script>
<script src="./jquery-ui.js"></script>
<script>
$(function() {
    $( "#btnRun" ).click(function() {
        $.ajax({
            type: "GET",
            url: "http://code.shutterstock.com/rickshaw/guide/start.html",
            success: function(response) {
                $('#divResult').html(response); // Assign the values to the DIV
            }
        });
    });
});
</script>
</head>
<body>
<input type="button" value="Run" id="btnRun" /> </br>
<div id="divResult"></div>
</body>
</html>

我可以拨打网址。但无法显示该网址中存在的内容。任何人都可以帮我解决这个问题。

Answer 1

我认为你有几个问题：

由于Access-Control-Allow-Origin，您可能不允许这样做。
您无法通过另一个HTML文件将更多JavaScript加载到页面中。

Answer 2

我解决了我的问题。我在DIV中添加了OBJECT标签。这是代码。

$( "#btnRun" ).click(function() {
        $('#divResult').html('<object data="http://code.shutterstock.com/rickshaw/guide/start.html" />');
    });

感谢大家。

使用jQuery.AJAX在Div中显示JS图表

2 个答案: