wordpress ajax 변형 개발

<?php get_header(); ?>

<script type=”text/javascript”>

//아이디 체크여부 확인 (아이디 중복일 경우 = 0 , 중복이 아닐경우 = 1 )

$(function() {

    //idck 버튼을 클릭했을 때 

    $(“#idck”).click(function() {

        //userid 를 param.

        var userid =  $(“#userid”).val(); 

        if(!userid) {

            alert(‘값을 입력 해 주세요’);

            return false;

        }

        var allData = { “userid”: userid };

        /**/

        $.ajax({

            async: true,

            type : ‘POST’,

            data : allData,

            url : “/wp-content/themes/bizberg/khs-api-action/add_cms.php”,

            dataType : “html”,

            success : function(data) {

                console.log(data);

                if (data == ‘aa’) {

                    console.log(‘성공’);

                    $(“#userid”).focus();

                } else {

                   console.log(data);

                    $(“#userid”).focus();

                }

            },  

            error : function(error) {

                alert(“error : ” + error);

            }

        });

    });

});

</script>

<form name=”form” method=”post”> 

    <div>아이디 : <br/>

    <input type=”text” id=”userid” name=”userid”>

    </div>          

    <div>비밀번호: <br/>

    <input type=”text” name=”pwd” value=”22″>

    </div>          

    <div><input type=”button” value=”Submit” id=”idck”></div>     

</form> 

<?php

get_footer();

<?php

$userid = $_REQUEST[‘userid’];

if($userid == ’11’) {

 echo ‘aa’;

} else {

 echo ‘bb’;

}

?>

AJAX를 사용하여 파일 업로드 하기

<?php

include_once(‘./_common.php’);

include G5_PATH.’/header.php’;

?>

<!DOCTYPE html>

<html lang=”en”>

<head>

<meta charset=”UTF-8″>

<title>AJAX를 사용하여 파일 업로드 하기</title>

</head>

<body>

<script src=”https://code.jquery.com/jquery-latest.js”></script>

<script>

    function file_frm_submit(frm) {

        var fileCheck = frm.upload_file.value;

        if(!fileCheck) {

            alert(“업로드할 파일을 선택하세요.”);

            return false;

        }

        var formData = new FormData(frm);            // 파일전송을 위한 폼데이터 객체 생성    

        formData.append(“message”, “ajax로 파일 전송하기”);

        formData.append(“file”, jQuery(“#upload_file”)[0].files[0]);

        $.ajax({

                url: ‘./ajax_file_upload.php’,

                type        : ‘POST’,

                dataType    : ‘html’,

                enctype        : ‘multipart/form-data’,

                processData    : false,

                contentType    : false,

                data        : formData,

                async        : false,

                cache        : false,

                timeout        : 600000,

                success: function(data){

                    var text_reserlt = data;

                    if( text_reserlt == “MYPAGE” )

                    {

                        console.log(‘mypage’);

                        location.href = ‘/rudtjdtlr/mypage/’;

                    }

                    else if( text_reserlt == “I” )

                    {

                        location.href = ‘/user/auto_login/index.php?id=’+email;

                    }

                    else {

                        console.log(text_reserlt);

                    }

                }

            });

    }

</script>

<form id=”file_frm” enctype=”multipart/form-data”>

    <input type=”text” name=”what” value=”a”>

    <br><br>

    <input type=”file” name=”upload_file” id=”upload_file”>

    <br><br>

    <input type=”file” name=”upload_file2″ id=”upload_file2″>

    <br><br>

    <input type=”file” name=”upload_file3″ id=”upload_file3″>

    <br><br>

    <button type=”button” name=”upload_btn” onClick=”file_frm_submit(this.form);”>ajax 업로드</button>

</form>

</body>

</html>