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

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

Laravel - 檢查數(shù)據(jù)是否存在于javascript中的數(shù)據(jù)庫中

Laravel - 檢查數(shù)據(jù)是否存在于javascript中的數(shù)據(jù)庫中

翻閱古今 2022-11-11 16:21:50
我正在用 Laravel 7 構(gòu)建一個(gè)表單。首先，用戶需要在 datalist 輸入框中選擇一項(xiàng)，一旦選擇就會(huì)顯示相應(yīng)的詳細(xì)信息（“模糊”輸入框）。用戶還可以將自定義項(xiàng)目添加到列表中。數(shù)據(jù)庫用于存儲(chǔ)所有項(xiàng)目，如果用戶添加自定義項(xiàng)目，它將存儲(chǔ)在數(shù)據(jù)庫中以便顯示。因此，由于它是一個(gè)輸入框，因此用戶可以輸入。如果數(shù)據(jù)庫中不存在輸入，我希望它不顯示任何信息，直到用戶點(diǎn)擊添加按鈕將自定義項(xiàng)目添加到數(shù)據(jù)庫以及輸入下拉列表中，然后將顯示默認(rèn)信息。但是如何判斷輸入是否存在于數(shù)據(jù)庫中呢？表單是這樣的，我使用 Jquery 來隱藏/顯示div選擇了哪個(gè)項(xiàng)目。<form action"/send" method="post">  <div id="info1">    <!-- info about first item -->      </div>  <div id="info2">    <!-- info about second item -->  </div>  <div id="info_default">    <!-- if customised item is chosen, show this one -->    </div>  <div id="info_does_not_exist">    <!-- if cannot find the input item in database, show this one -->    </div>  <button type="submit">submit</button></form>
查看完整描述

2 回答

?
鳳凰求蠱

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

對(duì)于簡(jiǎn)單的方法，我推薦你使用 jQuery 的 Ajax，這樣你不需要做太多的改變，為 API 添加一個(gè)路由，檢查數(shù)據(jù)庫中的數(shù)據(jù)和幾行 JavaScript 代碼。您可以嘗試以下方法：


控制器：


use Your\Namespace\Path\Of\Model Model

Class ABC {

    ...

    public function checkExist(){

        $data = request()->get('data'); // get data to check

        $model = new Model();

        $where = ['id' => $data]; // passing your where condition to check

        return $model->where($where)->get()->count() > 0;

    }

}

路由文件（web.php/api.php）：


路線::get('checkExist', 'ABC@checkExist');


看法


<form action"/send" method="post">

  <div id="info1">

    <!-- info about first item -->    

  </div>


  <div id="info2">

    <!-- info about second item -->

  </div>


  <div id="info_default">

    <!-- if customised item is chosen, show this one -->  

  </div>


  <div id="info_does_not_exist">

    <!-- if cannot find the input item in database, show this one -->  

  </div>


  <button type="submit">submit</button>

</form>

...

<script>

  $(function(){

    // every time input change, check value existence in database

    $('.info2 input').change(function(){

      let input_value = $(this).val();

      $.ajax({

        url: "{{ route('checkExist') }}",

        method: "GET",

        data: {"id": input_value},

        success: function(response){

          // process if/else to show div '.info_default' / '.info_does_not_exist'

          if (response) {

            // show '.info_default' and hide '.info_does_not_exist'

          } else {

            // show '.info_does_not_exist' and hide '.info_default'

          }

        }

      });

    })

  })

</script>

這不是實(shí)際的可運(yùn)行代碼，只是一個(gè)想法，根據(jù)這個(gè)，您可以根據(jù)您的進(jìn)一步需求對(duì)其進(jìn)行調(diào)整。希望這會(huì)有所幫助


查看完整回答
反對(duì) 回復(fù) 2022-11-11
?
慕沐林林

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

您必須使用 AJAX 之類的東西來檢查數(shù)據(jù)庫中的用戶輸入值，然后做出正確的決定，在添加或顯示數(shù)據(jù)庫中的內(nèi)容之前不顯示任何內(nèi)容。

因此工作流程如下：用戶輸入 => ajax 接受用戶輸入并提交給控制器函數(shù)以檢查數(shù)據(jù)庫是否存在值 => 取決于從該控制器函數(shù)返回的值 => 向用戶顯示正確的值


查看完整回答
反對(duì) 回復(fù) 2022-11-11
  • 2 回答
  • 0 關(guān)注
  • 134 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號(hào)

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