jquery ajax 호출 json 형식 데이터 처리

4198 단어 jsjquery
Ajax 요청 은 기본적으로 비동기 입 니 다.
async 를 false 로 동기 화 하려 면 (기본 값 은 true)
 
var html = $.ajax({
  url: "some.php",
  async: false
}).responseText; 
 
json 배열 의 항목 수 를 result. length 로 되 돌려 줍 니 다.
 




        
    
    
     
        //     
        $(document).ready(function() {
            $('#btn1').click(function() {
                $.ajax({
                    type: "POST",   //  WebService  Post    
                    contentType: "application/json", 
                    url: "Default2.aspx/HelloWorld", //  WebService           ---- WsURL/   
                    data: "{}",  //         ,    data: "{paraName:paraValue}",             
                    dataType: 'json',   //WebService    Json  

                    success: function(result) {     //    ,result,   
                        alert(result.d);
                    }
                });
            });
        });
        //     
        $(document).ready(function() {
            $("#btn2").click(function() {
                $.ajax({
                    type: "POST",
                    contentType: "application/json",
                    url: "Default2.aspx/GetWish",
                    data: "{value1:'    ',value2:'    ',value3:'   ',value4:2009}",
                    dataType: 'json',
                    success: function(result) {
                        alert(result.d);
                    }
                });
            });
        });         
        //    (     ,     )
        $(document).ready(function() {
            $("#btn3").click(function() {
                $.ajax({
                    type: "POST",
                    contentType: "application/json",
                    url: "Default2.aspx/GetArray",
                    data: "{i:10}",
                    dataType: 'json',
                    success: function(result) {
                        $(result.d).each(function() {
                            alert(this);
                            $('#dictionary').append(this.toString() + " ");
                            //alert(result.d.join(" | "));
                        });
                    }
                });
            });
        });
        //      , {"result":{"ID":1,"Value":2}}              json     
        $(document).ready(function() {
            $('#btn4').click(function() {
                $.ajax({
                    type: "POST",
                    contentType: "application/json",
                    url: "Default2.aspx/GetClass",
                    data: "{}",
                    dataType: 'json',
                    success: function(result) {
                        $(result.d).each(function() {
                            //alert(this);
                            $('#dictionary').append(this['ID'] + " " + this['Value']);
                            //alert(result.d.join(" | "));
                        });

                    }
                });
            });
        });
    //Ajax        ,           jQuery   Ajax    
        //   Ajax   ,       
        $(document).ready(function() {
            $('#loading').ajaxStart(function() {
                $(this).show();
            }).ajaxStop(function() {
                $(this).hide();
            });
        });
        //         ,       ,    “,”  
        $(document).ready(function() {
            $('btn').hover(function() {
                $(this).addClass('hover');
            }, function() {
                $(this).removeClass('hover');
            });
        });
    


    
dictionary

 

좋은 웹페이지 즐겨찾기