본문 바로가기
study/javascript

ajax 사용하기

by 땅콩잉 2021. 9. 13.
728x90

선택된 체크박스를 서버로 보내기위해 ajax를 사용!

var arr_no = new Array();
    $("input[name='check_product[]']:checked").each(function () {
        arr_no.push($(this).val());
    });

위와 같이 배열을 선언하고 체크박스의 벨류를 배열에 넣었다.

 

$.ajax({
    url: '/admin/test/action/test.php',
    data: {
        arr: arr_no
    },
    method: 'post',
    success : function(result){
    var result2 = JSON.parse(result);
    alert(result2.msg);
    location.reload();
   },
   error:function(e){
    console.log(e);
   }
});

서버에서(url에 지정한 경로의 파일) data를 받고 처리 후 json_encode처리해서 배열을 문자열로 보내주는 작업을 해놓았다.

result 는 {result: 'success', msg: '추가 성공'} 라는 값이 출력된다.

실패하면 {result: 'fail', msg: '추가 실패'} 이런식으로 보내게 해놓음.. 

php파일은 이런식으로 처리했다.

물론 스트링형식이라 변환해줘야한다!

변환 위해 JSON.parse를 사용~!

실패하던 성공하던 해보면 얼럿이 잘 뜬다.

댓글