第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

AJAX 調(diào)用只調(diào)用一個(gè)下拉列表的數(shù)據(jù),而不是兩個(gè)下拉列表

AJAX 調(diào)用只調(diào)用一個(gè)下拉列表的數(shù)據(jù),而不是兩個(gè)下拉列表

PHP
寶慕林4294392 2022-06-17 15:38:53
我是新手,還在學(xué)習(xí) AJAX 調(diào)用,我不明白為什么我的 AJAX 調(diào)用只調(diào)用一個(gè)下拉列表的數(shù)據(jù)。好的,場(chǎng)景是我的表單中有 3 個(gè)下拉列表,分別是選擇醫(yī)生、顯示咨詢費(fèi)和提供預(yù)約日期列表。我面臨的問(wèn)題是,當(dāng)在 中選擇醫(yī)生時(shí)doctor dropdown list,AJAX 調(diào)用只會(huì)加載appointment date dropdown list. 它沒(méi)有收取咨詢費(fèi)。這是我的醫(yī)生代碼、咨詢費(fèi)和預(yù)約日期下拉列表:<div>  <label>Select Doctor</label>  <select name="doctor" id="get_doctor_name" onchange="getfee()" autocomplete="off" required>    <option hidden value="">Select Doctor</option>  </select></div><div>  <label>Consultation Fee</label>  <select name="fees" id="get_doctor_fee" autocomplete="off" readonly>  </select></div><div>  <label>Appointment Date</label>  <select name="appdate" id="get_date">  </select></div>更新:這里是 AJAX 調(diào)用的腳本,函數(shù)getfee()和getdate():<script>      //function for fee details      function getfee()       {        $("#loaderIcon").show();        jQuery.ajax(        {          url: "getfee.php",          data: {doctor : $("#get_doctor_name").val()},          type: "POST",          success: function(data)           {            $("#get_doctor_fee").html(data);            $("#loaderIcon").hide();          },          error: function() {}        });      }      //function for appointment date details       function getdate() {       $("#loaderIcon").show();       jQuery.ajax({       url: "getslot-date.php",       data: {doctor : $("#get_doctor_name").val()},       type: "POST",       success: function(data) {         $("#get_date").html(data);        $("#loaderIcon").hide();       },       error: function() {}    }); }    </script>
查看完整描述

2 回答

?
喵喵時(shí)光機(jī)

TA貢獻(xiàn)1846條經(jīng)驗(yàn) 獲得超7個(gè)贊

您應(yīng)該將數(shù)據(jù)作為 json 返回,然后使用它


$results=$query->fetchAll(PDO::FETCH_OBJ);

// remove all code after it, and add the following line

echo json_encode($results);

在你的 ajax 渲染選項(xiàng)中像這樣


function getfee() 

      {


        $.ajax(

        {

          url: "getfee.php",

          data: {doctor : $("#get_doctor_name").val()},

          type: "POST",

          beforeSend: function() {

          //start loader

             $("#loaderIcon").show();

          },

          error: function() {  // hide loader when error otherwise will stuck on your screen

          $("#loaderIcon").hide();}

          success: function(objJson) 

          {

            var data = $.parseJSON(objJson);

            console.log(data); // to view how it looks in console, array, empty or whatever

            $('#get_doctor_fee').empty();

            if(data.length > 0) {

              $.each(data, function(key, value) {

                $('#get_doctor_fee').append('<option value="'+ value.D_FEES+'">'+ value.D_FEES +'</option>');

              });

            } else {

                $('#get_doctor_fee').append('<option value="">No Doctor in this specilization </option>');

                $('#submit').prop('disabled',true);

            }

            $("#loaderIcon").hide();

          },

        });

      }

您可以對(duì)其他下拉菜單應(yīng)用相同的調(diào)整,它只是一個(gè)示例,向您展示如何管理它。


您可以更改的另一件事是調(diào)用您的函數(shù),這樣函數(shù)可以更可定制并具有更多控制權(quán)。但這取決于您的喜好


$('#get_doctor_name').on('change', function() {

    // call your ajax here

      ...

      url: "getfee.php",

      data: {doctor : $(this).val()},

      type: "POST",

      ...

      // update get_doctor_fee here

})


$('#get_doctor_fee').on('change', function() {

    // call your ajax here

      ...

      url: "getslot-date.php",

      data: {doctor : $(this).val()},

      type: "POST",

      ... 

      // update get_date dropdown

})


查看完整回答
反對(duì) 回復(fù) 2022-06-17
?
慕碼人2483693

TA貢獻(xiàn)1860條經(jīng)驗(yàn) 獲得超9個(gè)贊

你必須像這樣寫數(shù)據(jù)


function getfee() {

       $("#loaderIcon").show();

       jQuery.ajax({

       url: "getslot-date.php",

       data: {doctor : $("#get_doctor_name").val()},

       type: "POST",

       success: function(data) {

         $("#get_date").html(data);

        $("#loaderIcon").hide();

       },

       error: function() {}

    });

 }


查看完整回答
反對(duì) 回復(fù) 2022-06-17
  • 2 回答
  • 0 關(guān)注
  • 104 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)