Jquery 进度条更改ajax中的值

Javascript

编辑

如何根据控制器的输出更新进度条上的值？ 因为控制器使用json_编码。如果控制器输出为50，则progressbar的值将更改为50

---

需要帮助..我不知道json_编码是否是正确的使用方法..但任何解决方案都可以..

您需要从ajax调用中获取json并应用值数据。progressbar对象的进度：

简短示例：

var checkScores =  function () {
    $.ajax({
        url: 'http://127.0.0.1/ProgVsProg/main/countScoreCh',
        success: function(response) {
        dataType: "json", // data type json
        success: function(data){
            var progress = data.progess;
            $( "#progressbar" ).progressbar({
                value: progress
            });
        }


        });
    });

那么您的PHP将看起来像

public function countScoreCh(){
    $id = $this->session->userdata('userID');
    $data['getScore'] = $this->lawmodel->battleUserID($id);
    foreach($data['getScore'] as $row){
        $scoreCH = $row->challengerScore;
        echo json_encode(
            array(
                'scoreCH' => $scoreCH,
                'progress' => 50
            )
        );
    }
}

---

我稍微编辑了一下我的帖子。我认为有一些误解。我的问题是如何根据ajax调用或控制器输出更改progressbar中的值。不只是将要调用的值放入progressbar值..：还有..当我将$progressbar.progressbar放在success:函数下面时，进度条将不会显示..您必须将progressbar代码放入success函数中。该函数处理您试图发出的请求的成功。我给你的例子是基于ajax调用更改progressbar的值，你只需要用你的值替换PHP代码中的50…我更新了我的答案，所以代码只显示了必要的部分；内部成功：功能将不会显示..我不明白为什么..是的

 <script type="text/javascript">
var checkScores =  function () {
    $.ajax({
        url: 'http://127.0.0.1/ProgVsProg/main/countScoreCh',
        success: function(response) {

      //some code that will be call to the progressbar value:

        }
    });
}
  $(function() {
     $( "#progressbar" ).progressbar({
    value: //the value will be base on the result of the controller $scoreCH
 });
 });

</script>

var checkScores =  function () {
    $.ajax({
        url: 'http://127.0.0.1/ProgVsProg/main/countScoreCh',
        success: function(response) {
        dataType: "json", // data type json
        success: function(data){
            var progress = data.progess;
            $( "#progressbar" ).progressbar({
                value: progress
            });
        }


        });
    });

public function countScoreCh(){
    $id = $this->session->userdata('userID');
    $data['getScore'] = $this->lawmodel->battleUserID($id);
    foreach($data['getScore'] as $row){
        $scoreCH = $row->challengerScore;
        echo json_encode(
            array(
                'scoreCH' => $scoreCH,
                'progress' => 50
            )
        );
    }
}