如何使用Ajax get请求传递jQuery变量?

时间:2012-04-18 11:11:38

标签: jquery ajax get slider

我有一个jQuery滑块生成的值。我需要将其变量传递给http://domain.com/index.php?rich=3&sweet=6形式的url。我需要使用Ajax的get请求将javascript变量(丰富和甜蜜)发送到url。

我的index.php文件中有以下javascript(变量分配了由选择/滑块HTML代码设置的值),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>
........

下面的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').val() , function(data) {
                            $('#rich').html(data);
                        });

以某种方式进入代码,但我不知道如何。

2 个答案:

答案 0 :(得分:2)

是的,但更合适的方式是:

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

答案 1 :(得分:1)

Denis Ermolin是对的,但为什么要“GET”请求?你的遗嘱会在IE中出现问题 - IE有时会爱上网址。使用“POST” - IE不会兑现它。

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