Confluence 에 심각한 보안 취약점이 발견되었으니 사용자분들은 업그레이드 하세요.!
laravel

ajax 공부중인데 문법좀 봐주실수있을까요??

 
1
0
-1

현재 ajax를 공부중에있습니다


$('#osb').on('click',function(){
var seri = $('#osf').serialize();
var address = "{{route('occupantsearch')}}";
$.ajax({
type : "post",
url : address,
date : seri,
dataType: "json",
success : function(date) {
console.log('ok');
}
});
});

이렇게 작성하고 검사에 들어가서 콘솔창을 보니


Failed to load resource: the server responded with a status of 419 (unknown status)
jquery-3.3.1.min.js:2 POST http://localhost/bandb/public/search 419 (unknown status)

이런 오류가 뜹니다,, 문법이 잘못된 걸까요 ?? 조언좀 부탁드리겠습니다 ㅠㅠ


그리고 콘트롤러에서 원하는정보를 저 success 의 date에 담기는 걸까요???

\App\User::find($id)→get();

이런식으로 원하는 정보를 얻고자하는데 return \App\User::find($id)→get();

이렇게 콘트롤러단에 작성을 하면 자동적으로 success단에 date에 정보가 담기는 걸까요??

도와주세요 ㅠㅠ


    CommentAdd your comment...

    2 answers

    1.  
      1
      0
      -1

      라라벨 컨트롤러는 항상 Response객체를 리턴해야합니다

      ajax같은 경우는 json으로 주고받는것이 바람직하니

      Json Response를 아래처럼 작성하시면 됩니다

      https://laravel.kr/docs/5.6/responses#json-responses

      $user = \App\User::find($id);


return response()->json([
    'date' => '2018-01-01',
    'user' => $user,
]);


      ajax는 아래처럼 작성해주시고요 (data를 date로 오타내신것 같아 수정하였습니다)

      $('#osb').on('click',function(){
  // seri 데이터는 form을 serialize한 데이터여야 합니다
  // click이벤트를 걸으신걸보니 form은 아닌것 같아서 코멘트 달았습니다
  var seri = $('#osf').serialize();
  var address = "{{route('occupantsearch')}}"; 
  $.ajax({
    type : "post",
    url : address,
    data : seri,
    dataType: "json",
    success : function(result) {
      console.log('date', result.date);
      console.log('user', result.user);
    }
  });
});



        CommentAdd your comment...
      1.  
        1
        0
        -1

        ajax 문에

        date : seri, 를

        date => data 로 바꿔주세요.

          CommentAdd your comment...