Question

好的，我有一个Highcharts.js页面，当前从进行包含数据库查询的api调用加载其数据。我的问题是查询需要能够有用户输入，以便他们能够获得他们正在寻找的图表（在这种情况下，它将是一个站点ID的输入

HTML

  <!-- Page Content -->
    <div id="page-content-wrapper">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <h1>Sidebar</h1>
                    <div id="container" class="resize" style=" width: 100%; height: 100%; margin: 0 auto "></div>
                    <a href="#menu-toggle" class="btn btn-default" id="menu-toggle">Toggle Menu</a>
        <input type="text" id="q" />
        <input type="button" id="submit" value="submit" />
                </div>
            </div>
        </div>
    </div>
    <!-- /#page-content-wrapper -->


$(function () {
    $('#submit').click(function() {
    sgaxml = 'https://sga.quickbase.com/db/bjmdensiu?apptoken=beadyrucxguavbx5isubd6iaqpe&act=API_DoQuery&query={14.EX.';
    sgaxml += $('#q').val();
    sgaxml += '}&clist=7.24.25.26.27.28.29.30.31.32.33.34.35.36.37';
    console.log(sgaxml); } 
};

有一次使用这个我能够确认它正在输入网址，但我无法将其作为图表调用的变量工作

$.get(sgaxml, function(xml) {

    // Split the lines
var xml = $(xml).find('record');

此外，全局声明了sgaxml（var sgaxml =＆＃39;＆＃39;）。

我已经尝试了几种不同的方式，无法确定我是否正在为我正在尝试做的事情做出错误的指示，或者我是否只是让它变得比它需要的更复杂。我遗漏了我的图表数据，因为图表的数据本身有效（当它输入信息时），但是如果你想看到整个事情，我会评论它。

Answer 1

这不是一个答案，只是一个长篇评论。

您是否了解跨域脚本问题？

What is JSONP all about?

Cross Domain Scripting Issues & JSONP

你熟悉AJAX吗？您使用的是$.get()，这是$.ajax()的缩写形式，所以可能您就是这样。但以防万一：

A simple example

More complicated example

Populate dropdown 2 based on selection in dropdown 1

使用输入框获取变量？

1 个答案: