• JQuery+ajax+jsonp 跨域访问

    Jsonp(JSON with Padding)是资料格式 json 的一种“使用模式”，可以让网页从别的网域获取资料。

    关于Jsonp更详细的资料请参考http://baike.baidu.com/view/2131174.htm，下面给出例子：

    一.客户端

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
    2. <html>  
    3. <head>  
    4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
    5. <title>Insert title here</title>  
    6. <script type="text/javascript" src="resource/js/jquery-1.7.2.js"></script>  
    7. </head>  
    8. <script type="text/javascript">  
    9. $(function(){     
    10.     /*  
    11.     //简写形式，效果相同  
    12.     $.getJSON("http://app.example.com/base/json.do?sid=1494&busiId=101&jsonpCallback=?",  
    13.             function(data){  
    14.                 $("#showcontent").text("Result:"+data.result)  
    15.     });  
    16.     */  
    17.     $.ajax({  
    18.         type : "get",  
    19.         async:false,  
    20.         url : "http://app.example.com/base/json.do?sid=1494&busiId=101",  
    21.         dataType : "jsonp",//数据类型为jsonp  
    22.         jsonp: "jsonpCallback",//服务端用于接收callback调用的function名的参数  
    23.         success : function(data){  
    24.             $("#showcontent").text("Result:"+data.result)  
    25.         },  
    26.         error:function(){  
    27.             alert('fail');  
    28.         }  
    29.     });   
    30. });  
    31. </script>  
    32. <body>  
    33. <div id="showcontent">Result:</div>  
    34. </body>  
    35. </html>  

     二.服务器端

    1. import java.io.IOException;  
    2. import java.io.PrintWriter;  
    3. import java.util.HashMap;  
    4. import java.util.Map;  
    5. import javax.servlet.http.HttpServletRequest;  
    6. import javax.servlet.http.HttpServletResponse;  
    7. import net.sf.json.JSONObject;  
    8. import org.springframework.stereotype.Controller;  
    9. import org.springframework.web.bind.annotation.RequestMapping;  
    10.   
    11. @Controller  
    12. public class ExchangeJsonController {  
    13.     @RequestMapping("/base/json.do")  
    14.     public void exchangeJson(HttpServletRequest request,HttpServletResponse response) {  
    15.        try {  
    16.         response.setContentType("text/plain");  
    17.         response.setHeader("Pragma", "No-cache");  
    18.         response.setHeader("Cache-Control", "no-cache");  
    19.         response.setDateHeader("Expires", 0);  
    20.         Map<String,String> map = new HashMap<String,String>();   
    21.         map.put("result", "content");  
    22.         PrintWriter out = response.getWriter();       
    23.         JSONObject resultJSON = JSONObject.fromObject(map); //根据需要拼装json  
    24.         String jsonpCallback = request.getParameter("jsonpCallback");//客户端请求参数  
    25.         out.println(jsonpCallback+"("+resultJSON.toString(1,1)+")");//返回jsonp格式数据  
    26.         out.flush();  
    27.         out.close();  
    28.       } catch (IOException e) {  
    29.        e.printStackTrace();  
    30.       }  
    31.     }  
    32. } 
  • 相关阅读:
    MySQL插入数据获得自动增长的ID
    C#解决“System.Threading.ThreadStateException:“在可以调用 OLE 之前，必须将当前线程设置为单线程单元(STA)模式。请确保您的 Main 函数带有 STAThreadAttribute 标记。 只有将调试程序附加到该进程才会引发此异常”的异常
    C# 关闭当前窗体的时候打开另一个窗口
    C# WinForm中关闭指定的窗体
    MySQL 8.0 版本修改字符编码
    微信支付API v3接口使用应用篇
    Linux Tomcat安装篇(daemon运行，开机自启动)
    Linux nginx安装篇
    SpringCloud系列之Nacos+Dubbo+Seata应用篇
    SpringCloud系列之Nacos+Dubbo应用篇
  • 原文地址：https://www.cnblogs.com/keyi/p/6726707.html
Copyright © 2020-2023  润新知