jsonp在jsp中的使用

本地程序代码　　

<div id="jsonpData"></div>
<script type="text/javascript">
    var callbackFunction = function(result){
        var html='<ul>';
        for(var i=0;i<result.length;i++){
            html+='<li>'+result[i].name+"</li>";
        }
        html+='</ul>';
        document.getElementById("jsonpData").innerHTML=html;
    }
</script>
<script type="text/javascript"src="http://localhost:8080/JsonpCallBackProjectindex.jsp?callback=callbackFunction"></script>//调用另一个程序的某个页面。如指定返回时调用的函数名

 

远程程序代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
    response.setContentType("text/html,charset=utf-8");
    String callback=request.getParameter("callback");　　//获取到数据返回时调用的函数名
    response.getWriter().print(callback+"([ { name:\"跨域访问成功！\"},{ name:\"跨域访问失败！\"}])");　//直接用print的方式输出javascript调用函数并传值。这样在调用方的javascript代码中就相当于调用了此函数。
%>

 

请求数据方，也可以使用jquery来请求数据

<script>
    $.getJSON("http://www.w3cschool.cc/try/ajax/jsonp.php?jsoncallback=?", function(data) {
    
    　　var html = '<ul>';
    　　for(var i = 0; i < data.length; i++)
    　　{
      　　  html += '<li>' + data[i] + '</li>';
   　　 }
  　　  html += '</ul>';
    
   　　 $('#divCustomers').html(html); 
　　});
</script>