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

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

使用 Jquery 和 AJAX 填充 Select 元素,不使用 async:false 屬性

使用 Jquery 和 AJAX 填充 Select 元素,不使用 async:false 屬性

catspeake 2022-12-22 13:12:12
我正在嘗試從數(shù)據(jù)庫中填充一個(gè)選擇元素,我需要先從我的 Jquery 腳本中傳遞一些變量(按鈕的 ID)。為此,我使用 AJAX 調(diào)用并將變量傳遞給 PHP 文件,進(jìn)行 SQL 查詢,獲取數(shù)據(jù)......一切都很好......但是當(dāng)我創(chuàng)建 html 代碼然后從 PHP 傳遞給 AJAX 時(shí)。Jquery 變量html沒有從 AJAX 調(diào)用中獲取任何數(shù)據(jù)...然后我閱讀了有關(guān)在 AJAX 調(diào)用中使用 async:false 屬性的信息...但我知道這不是一個(gè)好的解決方案...我是網(wǎng)絡(luò)開發(fā)的新手..我想讓你建議我該怎么做...我的代碼示例如下'''<span id="span_product_details"></span><script type="text/javascript">$(document).ready(function(){    var v1=1; //actually id of a button will be saved in this variable which is necessary to make database query    var v2=2;    var v3=3;    var html='';    html += '<select name="abc" id="abc" class="form-control selectpicker" data-live-search="true" required>';    $.ajax({        url:"practice.php",        method:"POST",        data:{v1:v1,v2:v3,v3:v3},        dataType:"html",        success:function(data)        {            html += data;        }    });    html += '</select>';        $('#span_product_details').append(html);    $('.selectpicker').selectpicker();});</script><?php//example code of practice.php file (a seperate file)//$query = (based on $_POST['v1'], $_POST['v2'] and $_POST['v3'])$str='<option value="1">Hello</option>'; //data obtained from database$str.='<option value="2">Hi</option>'; //data obtained from databaseecho $str;?>'''為了更詳細(xì)的理解,我正在更詳細(xì)地解釋問題。我有一個(gè)表,該表的每一行都有 4 列, ProcessID、ProcessDate、Edit_btn、Delete_btn 在每個(gè)過程中處理多個(gè)部分讓我們說部分號 A1、A2、A3編輯按鈕的 ID 也與 ProcessID 相同?,F(xiàn)在,當(dāng)按下“編輯”按鈕時(shí),將打開一個(gè)模態(tài),執(zhí)行 AJAX 調(diào)用,該模態(tài)顯示包含數(shù)據(jù)的行,如下所示, (選擇帶有部件號的元素)(部件狀態(tài)已接受、已拒絕等)(備注)現(xiàn)在,雖然編輯用戶必須能夠向同一過程添加更多部分......為此,有一個(gè)(添加按鈕)帶有第一行模態(tài),現(xiàn)在當(dāng)按下添加按鈕時(shí),一個(gè)新行將被添加到模態(tài)中,該行必須有一個(gè)選擇元素,該元素應(yīng)該填充一個(gè)已處理零件和未處理零件的列表......為此,我必須進(jìn)行 AJAX 調(diào)用,它將 EDIT_BTN id (以獲取 this.processID 下已處理的部分) 傳遞給 php 文件,并獲取選擇元素的選項(xiàng)。在此操作期間,我遇到了上述問題......
查看完整描述

1 回答

?
POPMUISE

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

一種方法是使用 async:false 這將起作用。


另一種方法是先附加基本的 html,加載數(shù)據(jù)


或者你可以只在模態(tài)和模態(tài)顯示事件中編寫你選擇的 html,加載數(shù)據(jù),


ps data v1,v2,v3 你用你的方式,我只是概述了解決方案,


   $(document).ready(function(){

    var v1=1; //actually id of a button will be saved in this variable which is necessary to make database query

    var v2=2;

    var v3=3;

    var html='';

    html += '<select name="abc" id="abc" class="form-control selectpicker" data-live-search="true" required>';

    html += '</select>';

    

    $('#span_product_details').append(html);

    load_dropdown(v1,v2,v3);

    }

   // use v1,v2,v3 however you have, either in function or global, param, or any other way

    function load_dropdown(v1,v2,v3) {

        $.ajax({

            url:"practice.php",

            method:"POST",

            data:{v1:v1,v2:v3,v3:v3},

            success:function(data)

            {

                console.log(data); //  if in console it display html then fine,else check format

                $('#abc').append(data); // or use .selectpicker as selector if its unique

                $('.selectpicker').selectpicker();

            }

        });

    }


查看完整回答
反對 回復(fù) 2022-12-22
  • 1 回答
  • 0 關(guān)注
  • 128 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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