Laravel에서 jQuery를 사용하여 Ajax 통신 할 때 URL을 작성하는 방법은주의!

안녕하세요, 웹 초보자의 하루마키입니다. Qiita 첫 투고!

Laravel에서 JavaScript를 작성할 때 경로를 작성하는 데 약간의주의가 필요하다고 생각했으므로 메모해 둡니다. 간단한 이야기이지만

라우터에 맞게 패스를 쓰자!



초보자 있다고는 생각합니다만, 「본선대로 해 벌써 굉장해~있어!」. 제 경우에는 jQuery의 Ajax 통신이 그것이었습니다. 표본의 코드는 이런 느낌이었습니다.

hoge.js
$.ajax({
  type: "GET",
  url: "some.php", 他にも[../aaa/bbb/ccc.php]とか
}).done(function( msg ) {
  alert( "データ保存: " + msg );
});

html로 스타일 시트나 js를 읽을 때의 패스는, 「aaa/bbb/ccc.js」와 같은 쓰는 방법이군요. 하지만 php 파일을 읽을 때 (?)는 아무래도 다른 것 같습니다. web.php 파일에 있는 루트 그대로 기술하면, 제대로 움직였습니다. js 파일과 라우터 (web.php).

web.php
Route::get('selectedCategoryHoge', 'hogeController@getHogeAnotherhoge');

hoge.js
$(function(){
    $('#hoge').click(function dojQueryAjax() {
        $.ajax({        
            url:'selectedCategoryHoge',
            type:'GET',
        }).done(function(data){
            //省略
        }).fail(function(data){
            //省略
        });
    });
});

URL은 라우터 씨를 따르자!
이상이 됩니다. 뭔가 지적점이 있으면 부디 잘 부탁드립니다!

이번에, 태어나 처음으로, hoge는 녀석을 사용했습니다. fuga, piyo, foo, bar도 사용하고 싶다. .
끝까지 읽어 주셔서 감사합니다.

좋은 웹페이지 즐겨찾기