使用输入框获取变量？答案

【问题标题】：Using an input box to get a variable?使用输入框获取变量？
【发布时间】：2015-02-25 00:20:15
【问题描述】：

好的，我有一个 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); } 
};

在使用它的时候，我能够确认它正在将输入作为 url，但我不能将它用作图表调用的变量

$.get(sgaxml, function(xml) {

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

另外，sgaxml 是全局声明的 (var sgaxml = '')。

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

【问题讨论】：

不太确定您要解决什么问题，我看到控制台的输出看起来像我认为您所期望的那样。我只是完全错过了什么吗？我认为我缺少的是您下一步要做的事情
好吧，一旦 URL 完成，它应该使用该 url 作为 API 调用从数据库中获取数据并将其加载到图表中，但不幸的是，一旦将 url 放在一起，什么都没有发生就图表而言
检查页面时是否有任何错误？您发布的内容看起来不错，但可能还有其他原因导致问题
我昨晚回家后实际上最终弄清楚了这一点，感觉完全是面对面的时刻，但是当我调用 Highcharts.js 时，我在 jquery 出现之前就这样做了，所以它没有用，但由于某种原因没有在控制台中返回任何有关它的信息（错误通常发生在未定义的情况下）。一旦我先移动了 jquery，它就按预期工作了

标签： javascript jquery html highcharts

【解决方案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

【讨论】：

现在看看这些，感谢您提供的信息链接！