jQuery使用来自JSON请求的数据初始化Slider(从php脚本返回)

时间:2017-02-15 17:48:26

标签: php jquery json jquery-ui-slider

此刻我正在尝试使用从编码为JSON格式的PHP-SQL查询获得的数据初始化jQuery Slider。

PHP方面正在运作,但我正在努力解析一个变量并将其作为初始值推送到Slider的值(将来有更多的值要解析)。

以下是我迄今为止所做的功能和事情:

JS:

function schieber(){   

var handle = $("#custom-handle");

$("#slider-aktualisierungsrate").slider({
  min: 1,
  max: 60,        
  create: function() {
    handle.text( $( this ).slider( "value" ) );
  },
  slide: function( event, ui ) {
    handle.text( ui.value );
  }  
});}

function getSettings(){

var settings = [];

$.getJSON("/php/settings.php", function(data){

    $.each(data, function(index, value) {
       settings.push(parseInt(data.Aktualisierungsrate)); 
    });
    //settings = data;
    $("#slider-aktualisierungsrate").slider("value", settings[0]);
});}

这不起作用,我在初始化滑块后调用getSettings。也许有一种方法可以在滑块的create-function中解析JSON-Data。

此外,我不只是想初始化滑块,我想用另一个PHP脚本将更新的值推回到SQL数据库。

1 个答案:

答案 0 :(得分:0)

使用此解决方案:

function schieber(){


var init = [];
var handle = $("#custom-handle");

$.getJSON("/php/settings.php", function(data){

    $.each(data, function(index, value) {
       init.push(parseInt(value.test)); 
    });

    $("#slider-aktualisierungsrate").slider({
      min: 1,
      max: 60,
      value: init,
      create: function() {
            handle.text( $( this ).slider( "value" ) );    
      },
      slide: function( event, ui ) {
        handle.text( ui.value );
      }  
    });

});}