Laravel 5.3에서 스크립트를 볼 수 없음 (자동 완성 필드)

Paficator

저는 현재 인턴쉽을 위해 Laravel 5.3에서 일하고 있습니다. 그리고 당신이 짐작했듯이 성가신 문제가 있습니다.

페이지에«autocomplete»필드를 입력해야하는데 전혀 작동하지 않습니다. 이 오류를 해결할 수 없습니다.

[Vue warn]: Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed. app.js:139

또한 로그인 이름 등이있는 상단 표시 줄과 같은 애벌레«템플릿»을 유지해야합니다.

인터넷에서 찾은 많은 솔루션을 시도했지만 아무것도 작동하지 않았습니다. 나는 완전히 절망적입니다. 해결책이 있습니까? 추신 : 끔찍한 문법에 대해 죄송합니다. 저는 프랑스어이고 배우고 있습니다. 이해해 주셔서 감사합니다.

selectcr.blade.php

@extends('layouts.app')

@section('content')

<!DOCTYPE html>

<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="panel panel-default">
                <div class="panel-heading">Selection de Compte-Rendu</div>

                <div class="panel-body"> Selectionnez le client:

                  <input  id="intervenant-name"  type="text" class="form-control pd-l-50" placeholder="Recherche par nom d'entreprise">

                  <script src="{{asset('js/jquery-1.12.4.js')}}"></script>

                  <script src="{{asset('js/jquery-ui.js')}}"></script>

                  <script>
                  (function () {
                      src = "/prefcard/maker-search-intervenant";
                      $("#intervenant-name").autocomplete({
                          source: function (request, response)
                          {
                              $.ajax({
                                  url: src,
                                          dataType: "json",
                                          data:
                                          {
                                              term: request.term
                                          },
                                          success: function (data)
                                          {
                                              response(data);
                                          }
                              });
                          },
                          min_length: 2,
                          select: function (event, ui)
                          {
                                  //console.log(ui.item.value);return false;
                              var test = ui.item.value ? ui.item.value : '';
                              if (test != '')
                              {
                                  var url = '/prefcard/maker-search-intervenant';
                                  var formAutocomplete = $('<form action="' + url + '" method="post">' +
                                          '<input type="hidden" name="_token" value="{{ csrf_token() }}">' +
                                          '<input type="text" name="term" value="' + ui.item.value + '" />' +
                                          '</form>');
                                  $('body').append(formAutocomplete);
                                  formAutocomplete.submit();
                              }
                            }
                      });
                  })();
                  </script>

                </div>
            </div>
        </div>
    </div>
</div>
@yield('javascript')

@endsection

SelectCRController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use DB;

class SelectCRController extends Controller
{
    /**
     * Create a new controller instance.
     *
     * @return void
     */
    public function __construct()
    {
        $this->middleware('auth');
    }

    /**
     * Show the application dashboard.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        return view('selectcr');
    }

    public function searchIntervenant(Request $request) {

        $query = $request->get('term', '');

        $results = DB::table('intervenant')->where('intervenantEntreprise', 'LIKE', '%' . $query . '%')->orWhere('intervenantFonction', 'LIKE', '%' . $query . '%')->take(5)->get();

        $data = array();
        foreach ($results as $result) {
            $data[] = array('value' => $result->intervenantEntreprise . ' ' . $result->intervenantEmail, 'id' => $result->id);
        }
        if (count($data))
            return $data;
        else
            return ['value' => 'No Result Found', 'id' => ''];
    }

    public function postSearchIntervenant(Request $request) {
        //Do whatever you want to search accordingly name and then return
        return view('dashboard')->with('intervenant', $intervenant);
    }
}

web.php

<?php

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| This file is where you may define all of the routes that are handled
| by your application. Just tell Laravel the URIs it should respond
| to using a Closure or controller method. Build something great!
|
*/

Route::get('/', function () {return view('welcome');});

Auth::routes();

Route::get('/home', 'HomeController@index');
Route::get('/configuration', 'ConfigurationController@index');

Route::get('/selectcr', 'SelectCRController@index');
Route::get('/prefcard/maker-search-intervenant', 'SelectCRController@searchIntervenant');
Route::post('/prefcard/maker-search-intervenant', 'SelectCRController@postSearchIntervenant');

Route::get('/intervenant', function () {return view('intervenant');});
Route::get('/api/intervenant/{id?}', 'IntervenantController@index');
Route::post('/api/intervenant', 'IntervenantController@store');
Route::post('/api/intervenant/{id?}', 'IntervenantController@update');
Route::delete('/api/intervenant/{id?}', 'IntervenantController@destroy');

Route::get('/utilisateur', function () {return view('utilisateur');});
Route::get('/api/utilisateur/{id?}', 'UtilisateurController@index');
Route::post('/api/utilisateur', 'UtilisateurController@store');
Route::post('/api/utilisateur/{id?}', 'UtilisateurController@update');
Route::delete('/api/utilisateur/{id?}', 'UtilisateurController@destroy');

Route::post('register', 'Auth\RegisterController@register');

//Route::auth();

app.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ config('app.name', 'Laravel') }}</title>

    <!-- Styles -->
    <link href="/css/app.css" rel="stylesheet">

    <!-- Scripts -->
    <script>
        window.Laravel = <?php echo json_encode([
            'csrfToken' => csrf_token(),
        ]); ?>
    </script>
</head>
<body>
    <div id="app">
        <nav class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div class="navbar-header">

                    <!-- Collapsed Hamburger -->
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#app-navbar-collapse">
                        <span class="sr-only">Toggle Navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>

                    <!-- Branding Image -->
                    <a class="navbar-brand" href="{{ url('/') }}">
                        {{ config('app.name', 'Laravel') }}
                    </a>
                </div>

                <div class="collapse navbar-collapse" id="app-navbar-collapse">
                    <!-- Left Side Of Navbar -->
                    <ul class="nav navbar-nav">
                        &nbsp;
                    </ul>

                    <!-- Right Side Of Navbar -->
                    <ul class="nav navbar-nav navbar-right">
                        <!-- Authentication Links -->
                        @if (Auth::guest())
                            <li><a href="{{ url('/login') }}">Login</a></li>
                        @else
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                                    {{ Auth::user()->name }} <span class="caret"></span>
                                </a>

                                <ul class="dropdown-menu" role="menu">
                                    <li>
                                        <a href="{{ url('/logout') }}"
                                            onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();">
                                            Logout
                                        </a>

                                        <form id="logout-form" action="{{ url('/logout') }}" method="POST" style="display: none;">
                                            {{ csrf_field() }}
                                        </form>
                                    </li>
                                </ul>
                            </li>
                        @endif
                    </ul>
                </div>
            </div>
        </nav>

        @yield('content')
    </div>

    <!-- Scripts -->
    <script src="/js/app.js"></script>
</body>
</html>

최신 정보

이제 일부 수정으로 오류가 사라졌지 만 스크립트가 전혀 작동하지 않습니다.

<!DOCTYPE html>

@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="panel panel-default">
                <div class="panel-heading">Selection de Compte-Rendu</div>

                <div class="panel-body"> Selectionnez le client:
                  <input  id="intervenant-name"  type="text" class="form-control pd-l-50" placeholder="Recherche par nom d'entreprise">


                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script src="{{asset('js/jquery-1.12.4.js')}}"></script>
<script src="{{asset('js/jquery-ui.js')}}"></script>
<script>
(function () {
    src = "/prefcard/maker-search-intervenant";
    $("#intervenant-name").autocomplete({
        source: function (request, response)
        {
            $.ajax({
                url: src,
                        dataType: "json",
                        data:
                        {
                            term: request.term
                        },
                        success: function (data)
                        {
                            response(data);
                        }
            });
        },
        min_length: 2,
        select: function (event, ui)
        {
                //console.log(ui.item.value);return false;
            var test = ui.item.value ? ui.item.value : '';
            if (test != '')
            {
                var url = '/prefcard/maker-search-intervenant';
                var formAutocomplete = $('<form action="' + url + '" method="post">' +
                        '<input type="hidden" name="_token" value="{{ csrf_token() }}">' +
                        '<input type="text" name="term" value="' + ui.item.value + '" />' +
                        '</form>');
                $('body').append(formAutocomplete);
                formAutocomplete.submit();
            }
          }
    });
})();
</script>
@endsection

@yield('javascript')
Paficator

문제를 해결하고 지정된 뷰에 대한 특별한 "app.blade.php"를 만들고 모든 스크립트를 그 안에 넣었습니다. 별로 아름답지는 않지만 효과가 있습니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

PhpMyAdmin 구성 / 입력 텍스트 필드를 볼 수 없음

분류에서Dev

자바 스크립트를 통해 DOM 노드의 스타일 가시성을 볼 수 없습니다.

분류에서Dev

Google 시트 스크립트 편집기에서 스크립트 코드를 볼 수 없습니다.

분류에서Dev

VS2012 SSRS에서 데이터 필드를 볼 수 없음

분류에서Dev

심볼릭 링크를 만드는 Bash 스크립트는 심볼릭 링크를 생성하기 위해 내 변수에 ._ 문자를 추가합니다.

분류에서Dev

Laravel 블레이드 템플릿->`TypeError : $ (...). typeahead is not a function`에서 작동하도록 부트 스트랩 자동 완성 기능을 가져올 수 없습니다.

분류에서Dev

Laravel 4.1 자동 완성 필드에 결과가 표시되지 않음

분류에서Dev

자동 완성을 사용하는 동안 자바 스크립트에서 변수를 설정할 수 없습니다.

분류에서Dev

Mac의 Android Studio에서 Nexus 5X를 볼 수 없음

분류에서Dev

Visual Studio 2010에서 동적으로 생성 된 페이지를 볼 수 없음

분류에서Dev

Cloudflare 작업자 스크립트에서 MD5 해시를 만들 수 없음

분류에서Dev

노트북의 Manjaro Linux에서 SD 카드를 볼 수 없음

분류에서Dev

동적으로 생성 된 JTable에서 열을 볼 수 없음

분류에서Dev

jQuery 자동 완성 스크립트에 대한 적절한 JSON 응답을 얻을 수 없습니다.

분류에서Dev

자바 스크립트 자동 완성 양식 및 미리 채워진 필드에 텍스트 추가

분류에서Dev

다른 필드에서 값을 볼 때까지 기다리도록 자바 스크립트 계산 함수를 설정하는 방법

분류에서Dev

자동 완성에서 텍스트 필드 채우기

분류에서Dev

자동 완성 필드에서 텍스트 가져 오기

분류에서Dev

텍스트 필드에서 자동 완성 옵션 제거

분류에서Dev

자바 스크립트를 사용하여 S3에 파일을 업로드 할 수 없음

분류에서Dev

스크립트 매개 변수에 대한 호스트 이름 자동 완성

분류에서Dev

스크립트에서 동적으로 생성 된 NetSuite 고급 PDF-<img> 태그를 설정할 수 없음

분류에서Dev

내 bash 스크립트를 GUI 앱처럼 100 % 보이게 만드는 방법 (사용자가 터미널을 볼 수 없음)

분류에서Dev

Angular의 자동 완성 필드로 변경 이벤트를 공식적으로 수행 할 수 없습니다.

분류에서Dev

자바 스크립트를 통해 입력 필드에서 값을 선택할 수 없습니다.

분류에서Dev

Google 스프레드 시트 스크립트가 갑자기 작동을 멈춤-오류 : "서비스를 찾을 수 없음 : 플러스 v1"

분류에서Dev

자바 스크립트가 코드를 완료 할 수 없습니다.

분류에서Dev

emacs에서 쉘 스크립트를 편집 할 때 bash 자동 완성을 사용할 수 있습니까?

분류에서Dev

자동 완성에 사용자 정의 함수가있는 Bash 스크립트

Related 관련 기사

  1. 1

    PhpMyAdmin 구성 / 입력 텍스트 필드를 볼 수 없음

  2. 2

    자바 스크립트를 통해 DOM 노드의 스타일 가시성을 볼 수 없습니다.

  3. 3

    Google 시트 스크립트 편집기에서 스크립트 코드를 볼 수 없습니다.

  4. 4

    VS2012 SSRS에서 데이터 필드를 볼 수 없음

  5. 5

    심볼릭 링크를 만드는 Bash 스크립트는 심볼릭 링크를 생성하기 위해 내 변수에 ._ 문자를 추가합니다.

  6. 6

    Laravel 블레이드 템플릿->`TypeError : $ (...). typeahead is not a function`에서 작동하도록 부트 스트랩 자동 완성 기능을 가져올 수 없습니다.

  7. 7

    Laravel 4.1 자동 완성 필드에 결과가 표시되지 않음

  8. 8

    자동 완성을 사용하는 동안 자바 스크립트에서 변수를 설정할 수 없습니다.

  9. 9

    Mac의 Android Studio에서 Nexus 5X를 볼 수 없음

  10. 10

    Visual Studio 2010에서 동적으로 생성 된 페이지를 볼 수 없음

  11. 11

    Cloudflare 작업자 스크립트에서 MD5 해시를 만들 수 없음

  12. 12

    노트북의 Manjaro Linux에서 SD 카드를 볼 수 없음

  13. 13

    동적으로 생성 된 JTable에서 열을 볼 수 없음

  14. 14

    jQuery 자동 완성 스크립트에 대한 적절한 JSON 응답을 얻을 수 없습니다.

  15. 15

    자바 스크립트 자동 완성 양식 및 미리 채워진 필드에 텍스트 추가

  16. 16

    다른 필드에서 값을 볼 때까지 기다리도록 자바 스크립트 계산 함수를 설정하는 방법

  17. 17

    자동 완성에서 텍스트 필드 채우기

  18. 18

    자동 완성 필드에서 텍스트 가져 오기

  19. 19

    텍스트 필드에서 자동 완성 옵션 제거

  20. 20

    자바 스크립트를 사용하여 S3에 파일을 업로드 할 수 없음

  21. 21

    스크립트 매개 변수에 대한 호스트 이름 자동 완성

  22. 22

    스크립트에서 동적으로 생성 된 NetSuite 고급 PDF-<img> 태그를 설정할 수 없음

  23. 23

    내 bash 스크립트를 GUI 앱처럼 100 % 보이게 만드는 방법 (사용자가 터미널을 볼 수 없음)

  24. 24

    Angular의 자동 완성 필드로 변경 이벤트를 공식적으로 수행 할 수 없습니다.

  25. 25

    자바 스크립트를 통해 입력 필드에서 값을 선택할 수 없습니다.

  26. 26

    Google 스프레드 시트 스크립트가 갑자기 작동을 멈춤-오류 : "서비스를 찾을 수 없음 : 플러스 v1"

  27. 27

    자바 스크립트가 코드를 완료 할 수 없습니다.

  28. 28

    emacs에서 쉘 스크립트를 편집 할 때 bash 자동 완성을 사용할 수 있습니까?

  29. 29

    자동 완성에 사용자 정의 함수가있는 Bash 스크립트

뜨겁다태그

보관