ajax 크로스 오 버 방법

전통 적 인 ajax 방법
1. js 코드
$("#ajax").click(function(){  
   $.ajax({  
     type: "POST",  
     url: "http://manual.51yip.com/test2.php",  
     data: 'name=ajax',  
     dataType:"json",  
     success: function(data){  
       $('#Result').text(data.name);  
     }  
   });  
 });  

2. phop 코드

2. ajax jsonp
1. js 코드
$("#jsonp").click(function(){  
     $.ajax({  
       url: 'http://manual.51yip.com/test1.php',  
       data: {name: 'jsonp'},  
       dataType: 'jsonp',  
       jsonp: 'callback',      //           
       jsonpCallback: 'getdata',   //      
       success: function(){  
         alert("success");  
       }  
   });  
 });  
  
function getdata(data){  
    $('#Result').text(data.name);  
}  

2. phop 코드
  

3, $. getJSON
$("#getjson").click(function(){  
 $.getJSON('http://manual.51yip.com/test1.php?name=getjson&callback=?', function(data){  //      ,      
 $('#Result').text(data.name);  
 });  
});  

4, $. getScript
$("#getscript").click(function(){  
 $.getScript('http://manual.51yip.com/test1.php?name=getscript&callback=getdata');  //     jsonp    
});  

좋은 웹페이지 즐겨찾기