如何使用jQuery在事件触发器上添加querystring

时间:2014-09-24 11:41:43

标签: javascript jquery

我有一个输入滑块。当我滑动栏时,我想将参数添加到我的URL查询字符串。

$("#inputslider").ionRangeSlider({
    min: 300,
    max: 4000,
    type: 'double',
    prefix: "$",
    maxPostfix: "+",
    prettify: false,
    hasGrid: true,
    gridMargin: 10,
    onFinish: function(obj) {
        $.ajax({
            type: "GET",
            url:"/search",
            data: { priceFrom: obj.fromNumber, priceTo: obj.toNumber },
            dataType:"json",
            success:function(data) {
               //alert(data.Condition);
            },
            error:function(data){
            }
        });

    }
});

这就是我现在所拥有的。代码将在onFinish触发器下进行。

类似的东西:

http://www.flocations.com.sg/tour-packages/from-singapore/to-bali/1?package_types=Free%20and%20Easy,Land%20Tour

滑动左侧的输入滑块,我们可以看到它立即更改。

1 个答案:

答案 0 :(得分:0)

使用javascript pushState解决了问题。在http://html5doctor.com/history-api/

了解更多信息