2012-04-27 9 views
0

以下のスクリプトを使用してHTMLページにビジュアライゼーションを埋め込んでいます。基本的に、私は視覚化を表すオブジェクトのプロパティを設定し、viz_v1.jsは私のためにすべての重労働を行います。私は問題のすべてのプロパティ値をハードコーディングしていJQueryを使用してPOSTを実行し、結果を取得し、結果を使用してオブジェクトプロパティを設定する方法

<script type="text/javascript" src="http://public.tableausoftware.com/javascripts/api/viz_v1.js"></script> 
    <div class="tableauPlaceholder" 
     style="width:654px; height:1469px;background-image: url('http://localhost:81/Background.gif'); top: 0px; left: 0px; width: 100%; margin-left: 76px;"> 

      <noscript> 
       <a href="#"><img alt="Analytics, Inc. " 
       src="http://localhost:81/Background.gif" 
       style="border: none" /></a> 
      </noscript> 

      <object class="tableauViz" width="654" height="1469" style="display:none;"> 
      <param name="host_url" value="http%3A%2F%2F192.168.56.1%2F" /> 
      <param name="site_root" value="/t/Site2" /> 
      <param name="name" value="AnalyticsIncJavaScript&#47;AnalyticsInc" /> 
      <param name="tabs" value="no" /> 
      <param name="toolbar" value="yes" /> 
      <param name="static_image" value="Background.gif"/> 
      <param name="animate_transition" value="yes" /> 
      <param name="display_static_image" value="yes" /> 
      <param name="display_spinner" value="yes" /> 
      <param name="display_overlay" value="yes" /> 
      <param name="display_count" value="yes" /> 
      </object> 

    </div> 

注意を。

私は今、ミックスに別のパラメータ/プロパティを追加する必要がある - と、この吸盤の値は動的にする必要があります。

 <object class="tableauViz" width="654" height="1469" style="display:none;"> 
     <param name="host_url" value="http%3A%2F%2F192.168.56.1%2F" /> 
     ... 
     <param name="ticket" value="<a dynamic value>" />   
     </object> 

私は、任意のユーザー名を掲載することにより、「チケット」の値を取得する必要がありますし、クライアントのIPをURLに変換し、応答を取得します。

私が行った研究から、jqueryはこれを行うことができますが、私はjs newbであるので、2つの名前/値のペア(username、ipaddress)を渡す方法は不明です私はPOSTします。また、応答を解析して後で使用するために変数にドロップすることによって、結果として生じる「チケット」値を取得する方法もわかりません。

質問1:誰かが私にこれを行う方法を教えてもらえますか? (ここでは順番によっぽどある「愚かなためそれをシンプルに保つ」 - 私はjqueryの程度無知だ仮定およびJavaScriptが正しいだろう)

質問2:私は今変数にロードされた私のチケット値を得ていると仮定すると、 (varTicketと呼ぶ)、tableauVizオブジェクトのチケットパラメータを動的に設定するにはどうすればよいですか?

私はPHPのようなものを使っていますか(それについてはあまりにも)、何とかECHOのチケットの値は? tableauVizオブジェクトに直接アクセスし、それを.ticketプロパティに触れることはできますか?私は含まれているページを再ロード/提出することなくパズルのこの部分を処理することを好むでしょう。

あなたのアイデアをお寄せいただきありがとうございます。

答えて

1

あなたのサーバがあなたのチケットを表すJsonを返すと仮定します。

var ticketValueFromServer; 

jQuery.post(
    dataType : "JSON", 
    data : {"username" : username, "ipaddress" : ipaddress}, 
    url: myserverlocation, 
    success: function(response){ 
    ticketValueFromServer = response.ticket; 
    } 
); 

使用あなたがオブジェクトを作成しているこのticketValue:

あなたのjQueryのポストは、このようになります。

examples

+0

感謝を見てすることを忘れないでください。私の問題は、私が知らないことを知らないことです。私は以下のようなヘッダーでPOSTを作成する必要があります:username = admin&ipaddress = 1.1.1.1私は考える*私は "text"のdataTypeでこれを行う必要があります。名前の値のペアを同じ方法で設定しますか?そうは思われません。 –

関連する問題