jQuery 使用来自 JSON 请求的数据初始化 Slider（从 php 脚本返回）答案

【问题标题】：jQuery initialize Slider with data from JSON request (returned from php script)jQuery 使用来自 JSON 请求的数据初始化 Slider（从 php 脚本返回）
【发布时间】：2017-02-15 17:48:25
【问题描述】：

此时我正在尝试使用从编码为 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 数据库。

【问题讨论】：

标签： php jquery json jquery-ui-slider

【解决方案1】：

使用此解决方案可以解决问题：

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 );
      }  
    });

});}

【讨论】：