jsonp

/*

 

 Step 01

  - 메인 패널 생성하기.

  Ext.Ajax.request()

  - url : 서버 URL

  - success: Ajax통신이 성공했을때

  - failure :  Ajax통신이 실패했을대

  - callback : 실패/성공과 상관없이 Ajax통신이 끝났을때.

 

  - method : HTTP Method (POST,GET을 주로 사용);

 

  - params, jsonData, xmlData

 

 */

Ext.setup({

onReady: function() 

{

objPanel=new Ext.Panel({

    fullscreen:true,

    scroll: 'vertical',

    dockedItems:[{

    dock:"top",

    xtype:"toolbar",

    title:"ajax test",

    items:[{ 

    text:"load",

    handler:function(){    

    sendData();

    }

    }]

    }]

    });

}

});

function sendData()

{

var objData = {"data1":"data__1", "data2":"data___2"};

objPanel.setLoading(true);

Ext.util.JSONP.request({

        url: 'http://www.google.com',

        params:objData,

        method:"GET",

        callbackKey:"callback",

      

failure: function(response, opts) {

  console.log("failure ", response.status);

},

callback:function(opts,isSuccess,response){

console.log("callback ", opts, isSuccess, response);

objPanel.setLoading(false);

            objPanel.update(opts);

            

            // CSV 파싱

            parseData(opts);

}

    });

}

//7. 데이터 처리.

function parseData(strText)

{

console.log("strText", strText);

}

-------------------------------------- server -----------------------------------------------

<?php

$data1 = $_GET["data1"];

$data2 =$_GET["data2"];

$callback = $_GET["callback"];

 

$strResult = "{";

$strResult .='"id":"'.$data1.'",';

$strResult .='"pw":"'.$data2.'"';

$strResult .="}";

$response = $callback."('".$strResult."')";

echo $response;

?>