java JSONP使用執行個體

json和JSONP這二者在開發中還是很常見的，此處JSON暫且不說      

一個衆所周知的問題，Ajax直接請求普通檔案存在跨域無權限通路的問題，甭管你是靜态頁面、動态網頁、web服務、WCF，隻要是跨域請求      

，一律不準，這就是為什麼要使用JSONP的原因（由于Web頁面上調用js檔案時則不受是否跨域的影響（不僅如此，我們還發現凡是擁有”src”      

須知 ajax和jsonp其實本質上是不同的東西。ajax的核心是通過XmlHttpRequest擷取非本頁内容，而jsonp的核心則是動态添加<script>标簽來調用伺服器提供的js腳本。
      

private void GetTop10() throws IOException {

    String jsonCallback = _request.getParameter("jsonCallback");
    String id = _request.getParameter("id");
    String return_JSONP = top10Setup.ReadTop10(id );      

return_JSONP = jsonCallback + "(" + return_JSONP   + ");";

    System.out.println( return_JSONP  );
    _response.getWriter().println( return_JSONP   );

}      

前端代碼      

function appendListOne() {

    $.jsonp({
        'contentType': "application/json; charset=utf-8",
        'url': AjaxGetUrl,
        'data': {
            dz_type: 'GetTop10',
            id: 17
        },
        'dataType':"jsonp",
        'callbackParameter':"jsonCallback",
        'async':false,
        'type': 'post',
        'success': function (data) {
            console.warn( data  );
            $("#list1>tbody").empty();
            var str="";
            for(var key=0;key<data.dblist.length;key++){
                var dd=data.dblist[key];
                if(key <5){
                    str+='<tr><td><b class="ranking">' +(parseInt(key)+1)+
                        '</b><span class="name">'+dd.data_name+'</span></td>' +
                        '<td> <span class="detail">'+dd.data_value+'.'+dd.data_value2+'.'+dd.data_value3+'.'+dd.data_value4
                        +'</span> </td> </tr>';
                }
            }
            $("#list1>tbody").append(str);
        }
    });
}