2015-02-24 56 views
0

好吧,我有一个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 ='')。

我已经尝试了几种不同的方法,无法确定我是否完全错误地指向了我想要做的事情,或者如果我只是把它变得比它需要更复杂。我将图表数据作为图表作品的数据本身(当它提供了信息时),但如果您希望看到整件事情,我会对其进行评论。

+0

真的不知道你正在试图解决的,即时看到输出到看起来像什么,我想你会期待控制台什么。我完全错过了什么吗?我想我缺少的是你正在努力做的下一步 – workabyte 2015-02-24 16:19:31

+0

好吧,一旦URL完成,它应该使用该URL作为API调用从数据库获取数据并将其加载到图表中,但不幸的是,一旦它将URL放在一起没有任何反应,只要图表 – ALearningExperince 2015-02-24 21:25:13

+0

检查页面时是否有错误?你发布的内容似乎很合理,但有可能是其他可能导致问题的其他内容 – workabyte 2015-02-25 17:04:19

回答

0

这不是一个答案,只是一个很长的评论。

您是否知道跨域脚本问题?

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

+0

现在看看这些,谢谢你提供的信息链接! – ALearningExperince 2015-02-24 16:26:44