2015-02-24 200 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