$.when(

        $.each(res, function(key, value){

        console.log(key + " : " + value);

        row[key] = value;

        })

    ).then(function(){

    $scope.data.totalPrice.push(row);

    });

'Jquery' 카테고리의 다른 글

each completed  (0) 2017.08.03
stringfy  (0) 2012.02.03
jQuery Ajax로 ASP.NET과 연동하는 방법  (0) 2011.11.25
드롭다운리스트의 텍스트와 값 가져오기  (0) 2011.11.25
split 이렇게도 쓰넹  (0) 2011.11.25
체크박스 전체선택 및 해제  (0) 2011.11.25
JSON.stringify(value null , '\n');

'Jquery' 카테고리의 다른 글

each completed  (0) 2017.08.03
stringfy  (0) 2012.02.03
jQuery Ajax로 ASP.NET과 연동하는 방법  (0) 2011.11.25
드롭다운리스트의 텍스트와 값 가져오기  (0) 2011.11.25
split 이렇게도 쓰넹  (0) 2011.11.25
체크박스 전체선택 및 해제  (0) 2011.11.25
=================================== ResponseText.aspx ========================================

using System;
using System.Web.Services;
using System.Collections.Generic;
using System.Web.Script.Services;

public partial class Ajax_AspNet_ResponseText : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        // Empty
    }

    // 단일값 반환 : 01.SingleValueReturn.htm에서 테스트
    [WebMethod]
    public static string GetMessage()
    {
        return "닷넷코리아";
    }

    // 개체값 반환 : 02.htm
    [WebMethod]
    public static Person GetRedPlus()
    { 
        // 아래와 같이 했을 때 
        // {"d":{"__type":"Person","Name":"박용준","Age":21,"Male":true}}로 변환됨
        // Ajax쪽에서는 data.d.Name, data.d.Age 식으로 가져감
        return new Person() { Name = "박용준", Age = 21, Gender = true };
    }

    // 날짜값 반환 : 03.DateTimeValueReturn.htm
    [WebMethod]
    public static DateTime GetTime()
    {
        return DateTime.Now.ToUniversalTime(); 
    }

    // List<T> 형태를 JSON 형태로 출력
    [WebMethod]
    [ScriptMethod(ResponseFormat=ResponseFormat.Json)]
    public static List<Memo> GetMemos()
    {
        List<Memo> lst = new List<Memo>() { 
            new Memo(){Num=1,Name="홍길동"},
            new Memo(){Num=2,Name="백두산"},
            new Memo(){Num=3,Name="한라산"}
        };
        return lst; 
    }
}

public class Memo
{
    public int Num { get; set; }
    public string Name { get; set; }
}

public class Person
{
    public string Name { get; set; }
    public int Age { get; set; }
    public bool Gender { get; set; }
}



================================================ SingleValueReturn =======================================

            $.ajax({
                type: "post",
                url: "ResponseText.aspx/GetMessage",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    alert(data.d); // 단일값 : {d:'닷넷코리아'}
                },
                error: function (data) { alert('에러 발생'); }
            });

================================================ ObjectValueReturn =======================================

            $.ajax({
                type: "post",
                url: "ResponseText.aspx/GetRedPlus",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var result = data.d;

                    var type = result.__type; // "Person"
                    var name = result.Name; // "박용준"
                    var age = result.Age; // 21
                    var male = result.Gender; // true

                    debugger; // IE : 여기서 멈춤, 디버깅 창 출력(옵션에서 디버깅 사용시)
                },
                error: function (data) { alert('에러 발생'); }
            });

================================================ DateTimeValueReturn =======================================

        // unix time 형태의 시간 문자열을 JavaScript 날짜형으로 변환 
        function DateDeserialize(dateStr) {
            return eval('new' + dateStr.replace(/\//g, ' '));
        }
        $(document).ready(function () {
            $.ajax({
                type: "post",
                url: "ResponseText.aspx/GetTime",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var result = data.d;
                    document.write(result); // /Date(1259306350000)/
                    document.write("<br />");
                    var time = DateDeserialize(data.d); // 자바스크립트 날짜형으로 출력
                    document.write(time);
                    var today = new Date(time); // 자바스크립트에서 원하는 형태로 사용 가능
                    document.write("<br />" + today.getFullYear() + "년 입니다."); 
                    //return; debugger;
                },
                error: function (data) { alert('에러 발생'); }
            });
        });

================================================ ListToJSON =======================================
 
<head>
    <title>리스트값 반환</title>
    <script src="../../js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $.ajax({
                type: "post",
                url: "ResponseText.aspx/GetMemos",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success:displayData, // displayData함수로 외부에 출력코드 작성
                error: function (data) { alert('에러 발생'); }
            });
        });
        function displayData(data, status) {
            $('#ctlMemoList').empty();
            var table = "<table><tr><td>번호</td><td>이름</td></tr>";
            // Microsoft Ajax에서는 보안목적으로 data.d로 실제 데이터를 감싸놓음.
            $.each(data.d, function (index, entry) {
                table += '<tr><td>' + entry["Num"] + '</td><td>' + entry["Name"] + '</td></tr>';
            });
            table += "</table>";
            $('#ctlMemoList').append(table); 
        }
    </script>
</head>
<body>
    <div id="ctlMemoList"></div>
</body> 

'Jquery' 카테고리의 다른 글

each completed  (0) 2017.08.03
stringfy  (0) 2012.02.03
jQuery Ajax로 ASP.NET과 연동하는 방법  (0) 2011.11.25
드롭다운리스트의 텍스트와 값 가져오기  (0) 2011.11.25
split 이렇게도 쓰넹  (0) 2011.11.25
체크박스 전체선택 및 해제  (0) 2011.11.25
<head>
    <title>DOM요소의 attribute 읽어오기</title>
    <script src="../js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#btn').click(function () {
                alert($('#test > option:selected').val());
                alert($('option:selected').text()); 
            });
        });
    </script>
</head>
<body>

<select id="test">
    <option value="1">안녕</option>
    <option value="2">방가</option>
</select>

<input type="button" id="btn" value="z" />

</body>

'Jquery' 카테고리의 다른 글

stringfy  (0) 2012.02.03
jQuery Ajax로 ASP.NET과 연동하는 방법  (0) 2011.11.25
드롭다운리스트의 텍스트와 값 가져오기  (0) 2011.11.25
split 이렇게도 쓰넹  (0) 2011.11.25
체크박스 전체선택 및 해제  (0) 2011.11.25
selectable  (0) 2011.11.25
//배열로 변환
var data = "ASP JSP PHP Ajax Silverlight JAVA CSS".split(' ');

 

'Jquery' 카테고리의 다른 글

jQuery Ajax로 ASP.NET과 연동하는 방법  (0) 2011.11.25
드롭다운리스트의 텍스트와 값 가져오기  (0) 2011.11.25
split 이렇게도 쓰넹  (0) 2011.11.25
체크박스 전체선택 및 해제  (0) 2011.11.25
selectable  (0) 2011.11.25
sortable  (0) 2011.11.25
<head>
    <title>체크박스 전체선택 및 해제</title>
    <script src="../../js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            //[1] 전체선택 체크박스 클릭시 
            $('#chkAll').click(function () {
                // ul에 포함되어져 있는 모든 체크박스를 가져옴
                var $checkboxes = $(this).parents('ul:first').find(':checkbox');
                // chkAll 체크되어져 있다면, "전체선택" -> "선택해제"
                if (this.checked) {
                    $(this).next().text("선택해제"); // <em>의 텍스트 "선택해제"로 변경
                    $checkboxes.attr('checked', 'true'); // 모든 체크박스에 checked속성을 추가
                }
                else {
                    $(this).next().text('전체선택');
                    $checkboxes.attr('checked', '');
                }
            });            
        });
    </script>
</head>
<body>
    <ul>
        <li><label><input type="checkbox" id="chkAll" /><em>전체선택</em></label></li>
        <li><label><input type="checkbox" id="Checkbox1" />C#</label></li>
        <li><label><input type="checkbox" id="Checkbox2" />ASP.NET</label></li>
        <li><label><input type="checkbox" id="Checkbox3" />Silverlight</label></li>
        <li><label><input type="checkbox" id="Checkbox4" />WPF</label></li>
    </ul>
</body>

'Jquery' 카테고리의 다른 글

드롭다운리스트의 텍스트와 값 가져오기  (0) 2011.11.25
split 이렇게도 쓰넹  (0) 2011.11.25
체크박스 전체선택 및 해제  (0) 2011.11.25
selectable  (0) 2011.11.25
sortable  (0) 2011.11.25
slideToggle  (0) 2011.11.25
<head>
    <title>개체 선택</title>
    <style type="text/css">
        .ui-selected { background-color:Yellow; color:Black; }     
    </style>
    <script src="../js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
    <script src="../js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('ul').selectable(); // 선택
        });
    </script> 
</head>
<body>
    <ul>
        <li>XHTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
    </ul>    
</body>

'Jquery' 카테고리의 다른 글

split 이렇게도 쓰넹  (0) 2011.11.25
체크박스 전체선택 및 해제  (0) 2011.11.25
selectable  (0) 2011.11.25
sortable  (0) 2011.11.25
slideToggle  (0) 2011.11.25
replaceWith  (0) 2011.11.25
<head>
    <title>개체 정렬</title>
    <script src="../js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
    <script src="../js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('ul').sortable({
                axis: "y",
                opacity: 0.5
            });
            $('tr').sortable({axis:"x", opacity:0.5});
        });
    </script>
</head>
<body>
    <ul>
        <li>XHTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
    </ul>    
    <table border="1">
        <tr>
            <td>첫번째 셀</td><td>두번째 셀</td>
        </tr>
    </table>
</body>

'Jquery' 카테고리의 다른 글

체크박스 전체선택 및 해제  (0) 2011.11.25
selectable  (0) 2011.11.25
sortable  (0) 2011.11.25
slideToggle  (0) 2011.11.25
replaceWith  (0) 2011.11.25
not(), filter()  (0) 2011.11.25
            $("#btn").click(function() {
                //[!] 숨김->보임->숨김
                $("#first").slideToggle('slow');
            });

'Jquery' 카테고리의 다른 글

selectable  (0) 2011.11.25
sortable  (0) 2011.11.25
slideToggle  (0) 2011.11.25
replaceWith  (0) 2011.11.25
not(), filter()  (0) 2011.11.25
라디오버튼의 체크된 value  (0) 2011.11.25
            $("button").click(function () {
                // 나자신(버튼)을 <div> 태그로 변경하자.
                $(this).replaceWith("<div>" + $(this).text() + "</div>");
            });

'Jquery' 카테고리의 다른 글

sortable  (0) 2011.11.25
slideToggle  (0) 2011.11.25
replaceWith  (0) 2011.11.25
not(), filter()  (0) 2011.11.25
라디오버튼의 체크된 value  (0) 2011.11.25
다중 속성 지정  (0) 2011.11.25
            $('.term')
                .not(":odd").css("backgroundColor", "Yellow")
                .end()
                .filter(":odd").css("background-color", "LightBlue");

'Jquery' 카테고리의 다른 글

slideToggle  (0) 2011.11.25
replaceWith  (0) 2011.11.25
not(), filter()  (0) 2011.11.25
라디오버튼의 체크된 value  (0) 2011.11.25
다중 속성 지정  (0) 2011.11.25
params  (0) 2011.11.25
$('input:radio[name=Gender]:checked').val();

'Jquery' 카테고리의 다른 글

replaceWith  (0) 2011.11.25
not(), filter()  (0) 2011.11.25
라디오버튼의 체크된 value  (0) 2011.11.25
다중 속성 지정  (0) 2011.11.25
params  (0) 2011.11.25
플러긴 만들기  (0) 2011.11.25
            $("#img").attr({
                src: "../ProductImages/COM-01.jpg",
                alt: "이미지", 
                title: "이미지명"
            });

'Jquery' 카테고리의 다른 글

not(), filter()  (0) 2011.11.25
라디오버튼의 체크된 value  (0) 2011.11.25
다중 속성 지정  (0) 2011.11.25
params  (0) 2011.11.25
플러긴 만들기  (0) 2011.11.25
플러긴 만들기  (0) 2011.11.25
            var params = { dataType: "json", url: "a.aspx" };
            var str = $.param(params); // 맵/컬렉션 형태의 문자열 배열을 쿼리스트링(QueryString)으로 변경
            jQuery('#my').append(str); // dataType=json&url=a.aspx 로 변경됨 

'Jquery' 카테고리의 다른 글

not(), filter()  (0) 2011.11.25
라디오버튼의 체크된 value  (0) 2011.11.25
다중 속성 지정  (0) 2011.11.25
params  (0) 2011.11.25
플러긴 만들기  (0) 2011.11.25
플러긴 만들기  (0) 2011.11.25
================================================ js ========================================================
(function ($) {
    
    var settings; // 한개 이상의 매개변수를 담을 그릇 : params, 해시
    
    // photoview라는 이름의 jQuery 플러그인 생성
    $.fn.photoview = function (callerSettings) {

        // extend 함수에 의해 한 개 이상의 매개변수를 동적으로 받을 수 있다. 
        settings = $.extend({
            photoElement: '#photoviewPhoto', // 넘겨온 썸네일 포토리스트
            transformer: function (name) { return name.replace(/thumbs/, 'bigs'); }, // 큰이미지의 경로
            nextControl: null, // 다음 버튼, 지정하지 않으면 설정되지 않는다.
            previousControl: null, // 이전 버튼
            firstControl: null, // 처음 버튼
            lastControl: null // 마지막 버튼
        }, callerSettings || {}); // 공식과 같은 코드(?)

        settings.photoElement = $(settings.photoElement);
        settings.thumbnails = this.filter('img'); // img 요소만 settings에 thumbnails 프로퍼티에 저장
        settings.thumbnails.each(function (n) { this.index = n; });
        settings.current = 0; // 현재 보여지는 이미지의 인덱스 저장
        
        // 썸네일 목록을 순회하여 index 속성에 담음
        settings.thumbnails.click(function () { showPhoto(this.index); }); 
        // 나머지 연산자를 사용하여 리스트의 끝에 도달 시 인덱스를 다시 처음으로 설정
        settings.photoElement.click(function () {
            showPhoto((settings.current + 1) % settings.thumbnails.length);
        });

        // 처음
        $(settings.firstControl).click(function () {
            showPhoto(0);
        });
        // 이전
        $(settings.previousControl).click(function () {
            showPhoto((settings.thumbnails.length + settings.current - 1) %
                settings.thumbnails.length);
        });
        // 다음
        $(settings.nextControl).click(function () {
            showPhoto((settings.current + 1) % settings.thumbnails.length);
        });
        // 마지막
        $(settings.lastControl).click(function () {
            showPhoto(settings.thumbnails.length - 1);
        });

        // 처음로드시 첫번째 이미지를 보여줌.
        showPhoto(0);
    
        return this;
    };


    // 사진 보여주기 함수 
    var showPhoto = function (index) {
        settings.photoElement.attr('src', // src 속성에 대입
        settings.transformer( // transformer 함수를 사용하여 썸네일을 큰이미지로 변경
            settings.thumbnails[index].src)); // index에 해당하는 썸네일의 src 특성을 찾는다.
        settings.current = index; // 현재 인덱스를 다시 저장
    };

})(jQuery);


====================================================== plugin 쓰기 ==============================================

    <script type="text/javascript">
        $(document).ready(function () {
            // 썸네일 이미지 개체 리스트에 상세 이미지 출력
            $('#products img').photoview({
                photoElement: '#photo',           // 사진을 보여줄 개체
                previousControl: '#prev',         // 이전버튼 개체
                nextControl: '#next',             // 다음버튼 개체
                firstControl: '#first',           // 처음버튼 개체
                lastControl: '#last'              // 마지막버튼 개체
            });    
        });
    </script>
 

'Jquery' 카테고리의 다른 글

not(), filter()  (0) 2011.11.25
라디오버튼의 체크된 value  (0) 2011.11.25
다중 속성 지정  (0) 2011.11.25
params  (0) 2011.11.25
플러긴 만들기  (0) 2011.11.25
플러긴 만들기  (0) 2011.11.25
        // 함수 확장 : 나만의 jQuery 메서드 만들기 
        // 넘겨온 값(jQuery개체)을 새로운 HTML로 대체
        $.fn.ReplaceWith2010 = function (html) {
            return this.after(html).remove(); // 넘겨온 HTML로 대체 후 기존 값 제거
        };
        $.fn.Exec = function (a, b) {
            var r = a + " * " + b + " = " + (a * b); // 계산식 문자열 생성
            return this.empty().append(r); // 지정된 개체의 내용 비우고, 문자열 추가
        }
        $(document).ready(function () {
            $('#btn1').click(function () {
                $('#my').empty();
                $('#my').append("<h3>반갑습니다.</h3>");
            });
            $('#btn2').click(function () {
                // 없었던 함수(메서드)가 생성
                $('#my').ReplaceWith2010("<div id='my'><h3>또 만나요.</h3></div>");
            });
            $('#calc').Exec(3, 5); // calc 레이어에 "3 * 5 = 15"를 출력하는 함수 확장
        }); 

'Jquery' 카테고리의 다른 글

not(), filter()  (0) 2011.11.25
라디오버튼의 체크된 value  (0) 2011.11.25
다중 속성 지정  (0) 2011.11.25
params  (0) 2011.11.25
플러긴 만들기  (0) 2011.11.25
플러긴 만들기  (0) 2011.11.25

+ Recent posts