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

Question

此时我正在尝试使用从 PHP-SQL 查询中获得的数据初始化一个 jQuery 滑块，并将其编码为 JSON 格式。

PHP 方面正在工作，但我正在努力将值（将来有更多的值要解析）解析为变量并将其作为初始值推送到滑块。

以下是我到目前为止所做的功能和事情：

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。也许有一种方法可以在滑块的创建函数中解析 JSON-Data。

此外，我不仅想初始化滑块，我还想使用另一个 php 脚本将更新后的值推回 SQL 数据库。

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

});}

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

jQuery initialize Slider with data from JSON request (returned from php script)

php

jquery

json

jquery-ui-slider