[JQuery] AJAX

JQuery로 AJAX를 하는 방법을 소개한다.

자세한건 구글에 검색해라 ㄱㄱ

우선 AJAX통신을 위한 페이지가 하나 필요하다.

#!/usr/bin/perl
use strict;
use warnings;
use CGI;
use DBI;
require '../../login/info.pl';
my $q=new CGI;
my $con = DBI->connect( GetDB(), GetID(), GetPW() );
my $id=$q->param('id');
my $bool=$q->param('TF');
print $q->header(-charset=>"UTF-8");
my $state=$con->prepare("SELECT count(ui_id) FROM userinfo WHERE ui_id=\'$id\'");
$state->execute;
my @row=$state->fetchrow_array;
if($row[0]!=0){
    $con->do("UPDATE userinfo SET ui_autologin=$bool WHERE ui_id=\'$id\'");
}
$con->disconnect;

이를 실행시키는 방법은 아래와 같다.

$("#autologin").on('switchChange.bootstrapSwitch',function(){
    /*bs-switch is on ? */
    if($('#autologin').bootstrapSwitch('state')){
        $.ajax({
            url:'ajax/set_autologin.pl',
            data:{"id":"kimbom","TF":"TRUE"},
            error:function(a,b,c){
                alert('ajax fail'+c);
            }
        })
    }else{
        $.ajax({
            url:'ajax/set_autologin.pl',
            data:{"id":"kimbom","TF":"FALSE"},
            error:function(a,b,c){
                alert('ajax fail'+c);
            }
        })
    }
})

나는 웹에서 페이지를 바꾸지 않고, DB를 변경,접속 하기위해 사용했다.