2012-04-18 10 views
0

jQueryスライダによって生成された値があります。私はその変数を、http://domain.com/index.php?rich=3&sweet=6という形式のURLに渡す必要があります。私はURLにjavascript変数(豊富で甘い)を送るためにAjaxのリクエストを取得する必要があります。Ajax get requestを使用してjQuery変数を渡す方法は?

I(変数は選択/スライダHTMLコードによって設定された値が割り当てられている)私のindex.phpファイルに次のJavaScriptを持って、selectToUISlider()カップルスライダープルダウンメニューに:

<script type="text/javascript"> 
$(document).ready(function() { 

$('#rich').selectToUISlider({ 
labels:7, sliderOptions: { 
stop: function(e,ui) { 
    var richValue = $('#rich').val();  
    }}}).next(); 

$('#sweet').selectToUISlider({ 
labels:7, sliderOptions: { 
stop: function(e,ui) { 
    var sweetValue = $('#sweet').val(); 
    }}}).next();   

} 
</script> 
........ 

$.get('index.php?rich='+ $('#rich').val() , function(data) { 
          $('#rich').html(data); 
         }); 
:以下のHTMLコードは、私の理解では、私はこれを働かなければならないということです

<form action="index.php" name="form1" method="GET"> 
<!-- demo 1 --> 
<fieldset> 

     <select name="rich" id="rich" onchange="this.form.submit()"> 
     <optgroup label="Not too Rich"> 
     <?php $rich1 .= '<option'.(isset($_GET['rich']) && $_GET['rich']=='1' ? ' selected ' : ' ').'value="1">'.'Not too Rich'.'</option>'."\n"; ?> 
     <?php echo $rich1 ?> 

      ......................... 

     <?php $rich7 .= '<option'.(isset($_GET['rich']) && $_GET['rich']=='7' ? ' selected ' : ' ').'value="7">'.'Super Rich'.'</option>'."\n"; ?> 
     <?php echo $rich7 ?> 

     </optgroup> 
     </select> 
    </fieldset> 

(私は「甘い」を選択したコードを省略しました)何とかコードに

しかし、私はどのようにわからない。

$.get('index.php', {rich : $('#rich :selected').val()}, function(data) { 
    //so something with data 
}); 
+0

これは動作するはずです。あなたは何かエラーを見ましたか?複数のフォーム要素の値を渡そうとしていますか?http://api.jquery.com/serialize/これが役に立ちます。 – codef0rmer

+0

はい複数の値、私は一緒にシリアル化を含むすべてを作成する方法を参照する必要があります –

+0

あなたは何をしようとしているかを簡単に説明しますか?どのスライダーライブラリですか?あなたの問題をより正確に説明するjsfiddle.netの小さなデモを作成してください。 – codef0rmer

答えて

2

うんが、より適切な方法は何ですか? IE whith cashingにはあなたの問題があります。 "POST"を使う - IEはそれを現金化しない。

$.post('index.php', {rich : $('#rich :selected').val()}, function(data) { 
    //so something with data 
}); 
1

デニスErmolinは正しいですが、なぜ要求を "GET":

+0

マイケルのOheneの質問を書き換えました。 –

+0

私のコメントは質問の著者のものです。 –

+0

私はGETがURLに変数を置き、プロキシ/中間体として機能すると考えました。これはPHPを使って変数を使用する方法です。投稿されたPOSTステートメントは何も変わりません:http://www.resumeicons.com/test1/index.php。スライダーを移動してもURLは変更されません。 –

関連する問題