国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

淺談JQuery+ajax+jsonp 跨域訪問(wèn)

2019-11-20 09:36:21
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

Jsonp(JSON with Padding)是資料格式 json 的一種“使用模式”,可以讓網(wǎng)頁(yè)從別的網(wǎng)域獲取資料。

一. 客戶端

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="resource/js/jquery-1.7.2.js"></script> </head> <script type="text/javascript"> $(function(){     /*   //簡(jiǎn)寫形式,效果相同   $.getJSON("http://app.example.com/base/json.do?sid=1494&busiId=101&jsonpCallback=?",       function(data){         $("#showcontent").text("Result:"+data.result)   });   */   $.ajax({     type : "get",     async:false,     url : "http://app.example.com/base/json.do?sid=1494&busiId=101",     dataType : "jsonp",//數(shù)據(jù)類型為jsonp     jsonp: "jsonpCallback",//服務(wù)端用于接收callback調(diào)用的function名的參數(shù)     success : function(data){       $("#showcontent").text("Result:"+data.result)     },     error:function(){       alert('fail');     }   });  }); </script> <body> <div id="showcontent">Result:</div> </body> </html> 

二. 服務(wù)器端

import java.io.IOException; import java.io.PrintWriter; import java.util.HashMap; import java.util.Map; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import net.sf.json.JSONObject; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping;  @Controller public class ExchangeJsonController {   @RequestMapping("/base/json.do")   public void exchangeJson(HttpServletRequest request,HttpServletResponse response) {     try {     response.setContentType("text/plain");     response.setHeader("Pragma", "No-cache");     response.setHeader("Cache-Control", "no-cache");     response.setDateHeader("Expires", 0);     Map<String,String> map = new HashMap<String,String>();      map.put("result", "content");     PrintWriter out = response.getWriter();        JSONObject resultJSON = JSONObject.fromObject(map); //根據(jù)需要拼裝json     String jsonpCallback = request.getParameter("jsonpCallback");//客戶端請(qǐng)求參數(shù)     out.println(jsonpCallback+"("+resultJSON.toString(1,1)+")");//返回jsonp格式數(shù)據(jù)     out.flush();     out.close();    } catch (IOException e) {     e.printStackTrace();    }   } } 

以上就是小編為大家?guī)?lái)的淺談JQuery+ajax+jsonp 跨域訪問(wèn)全部?jī)?nèi)容了,希望大家多多支持武林網(wǎng)~

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 昔阳县| 甘德县| 元阳县| 张家界市| 巴林右旗| 弥勒县| 青州市| 收藏| 衡东县| 德令哈市| 元朗区| 南开区| 庆元县| 鞍山市| 定襄县| 武威市| 惠水县| 德州市| 通道| 孙吴县| 延长县| 灯塔市| 福鼎市| 安乡县| 清水县| 东乡族自治县| 平度市| 湘乡市| 潮州市| 文化| 伊宁县| 嘉义市| 永定县| 金平| 凉山| 天台县| 巴东县| 广东省| 巴东县| 新昌县| 商都县|