Javascript 使用输入框获取变量？

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

此外，sgaxml是全局声明的（var sgaxml=''）

---

我尝试了几种不同的方法，但无法确定我是否完全偏离了我要做的事情的方向，或者我只是让它变得比需要的更复杂。我忽略了图表数据，因为图表数据本身是有效的（当它被输入信息时），但如果你想了解整个情况，我会发表评论。

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

您是否知道跨域脚本问题

---

您熟悉AJAX吗？您使用的是

$.get（）

，这是

$.AJAX（）

的缩写形式，所以您可能是。但以防万一：

---

我不太确定你想解决什么问题，我看到控制台中的输出与我认为你期望的一样。我是不是完全遗漏了什么？我想我遗漏的是你下一步要做的事情。一旦URL完成，它应该使用该URL作为API调用从中获取数据数据库并将其加载到图表中，但不幸的是，一旦它将url放在一起，就图表而言什么也没有发生。检查页面时是否有任何错误？您所发布的内容听起来不错，但可能是其他原因导致了问题。我昨晚到家后，感觉很好，但最终还是发现了这个问题etely face palm moment，但当我调用Highcharts.js时，我在jquery出现之前就这样做了，所以它不起作用，但出于某种原因，在控制台中没有返回任何关于它的信息（错误通常是说未定义）.一旦我首先移动了jquery，它就和我的预期一样工作了。现在看看这些，感谢提供的信息链接！

$.get(sgaxml, function(xml) {

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