[JS] $.ajax 기본 코드

$.getUrlVar("page")?$("#page").val($.getUrlVar("page")):$("#page").val(1);
$.getUrlVar("keyword")?$("#keyword").val(decodeURIComponent($.getUrlVar("keyword"))):$("#keyword").val("");
$.getUrlVar("p_act")?$("#p_act").val($.getUrlVar("p_act")):$("#p_act").val("");

var keyword = $("#keyword").val();
var p_act = $("#p_act option:selected").val();
var page = $("#page").val();
var scale = $("#scale").val();
var page_num = (page -1) * scale;
var scale = parseInt(scale);

var param = "proc=list";
    param+="&page_num=" + page_num + "&scale=" + scale;
    param+= keyword?"&keyword="+keyword:"";
    param+= p_act?"&p_act="+p_act:"";

var api = "pop_proc.asp";
var html = "";
var total = 0;

$.ajax({
        type : "GET",
        url : api,
        data : param,
        dataType : "json",
        contentType:"application/json",
        async : true,
        //cache: true,
        success : function(data){
            if(data.length > 0){
                $("#total").val(data[0].total_count);
                total = $("#total").val();
                var num = total - page_num;

                $(data).each(function (key, val) {
                    var idx = val.idx;
                    var p_title = val.p_title;
                    var p_sdate = val.p_sdate;
                    var p_edate = val.p_edate;
                    var p_width = val.p_width;
                    var p_height = val.p_height;
                    var p_left = val.p_left;
                    var p_top = val.p_top;
                    var p_act = val.p_act;

                    var btn_copy = "<input type=\"button\" style=\"cursor:pointer\" value=\"복사\" class=\"z_button\" onclick=\"\">";
                    var btn_update = "<input type=\"button\" style=\"cursor:pointer\" value=\"수정\" class=\"z_button\" onclick=\"pop_reg_popup('/admin/manager/pop_reg.asp?proc=update&idx="+idx+"', '팝업 수정')\">";

                    var css_text_center = "text-align:center;";
                    var css_title = "text-align:left;text-indent:10px;width:100%;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow:hidden; ";

                    html+="<tr>";
                    html+="<td style='"+css_text_center+"'>"+num+"</td>";
                    html+="<td style=''><div style='"+css_title+"'>"+p_title+"</div></td>";
                    html+="<td style='"+css_text_center+"'>"+p_sdate+"</td>";
                    html+="<td style='"+css_text_center+"'>"+p_edate+"</td>";
                    html+="<td style='"+css_text_center+"'>"+p_left+" / "+p_top+"</td>";
                    html+="<td style='"+css_text_center+"'>"+p_width+" / "+p_height+"</td>";
                    html+="<td style='"+css_text_center+"'>"+p_act+"</td>";
                    html+="<td style='"+css_text_center+"'>"+btn_copy+" "+btn_update+"</td>";
                    html+="</tr>";

                    num--;
                });
                $("#pop_list").html(html);
                ajax_pageing();
            }else{
                $("#pop_list").html("<tr><td colspan='8' align='center'>데이터가 없습니다.</td></tr>");
            }
        },
        error : function(XMLHttpRequest, textStatus, errorThrown){
            console.log(XMLHttpRequest); console.log(textStatus); console.log(errorThrown);
            $("#pop_list").html("<tr><td colspan='8' align='center'>데이터를 가져오는데 문제가 있습니다. 잠시후 다시 시도해주세요.</td></tr>");
        }
});

 

guest
1 Comment
Inline Feedbacks
View all comments