ajax跨域請求簡單介紹
本章介紹一下ajax跨域請求問題,內容主要是引用網路上的一篇文章,希望能夠需要的朋友帶來一定的幫助。
一.是jsonp格式檔案:
如果獲取的資料檔案存放在遠端伺服器上(域名不同,也就是跨域獲取資料),則需要使用jsonp型別。使用這種型別的話,會建立一個查詢字串引數 callback=? ,這個引數會加在請求的URL後面。伺服器端應當在JSON資料前加上回撥函式名,以便完成一個有效的JSONP請求。意思就是遠端服務端需要對返回的資料做下處理,根據客戶端提交的callback的引數,返回一個callback(json)的資料,而客戶端將會用script的方式處理返回資料,來對json資料做處理。JQuery.getJSON也同樣支援jsonp的資料方式呼叫。
二.客戶端JQuery.ajax的呼叫程式碼示例:
[JavaScript] 純文字檢視 複製程式碼$.ajax({ type : "get", async:false, url : "http://www.softwhy.com/ajax.do", dataType : "jsonp", jsonp: "callbackparam",//服務端用於接收callback呼叫的function名的引數 jsonpCallback:"success_jsonpCallback",//callback的function名稱 success : function(json){ alert(json); alert(json[0].name); }, error:function(){ alert('fail'); } });
三.服務端返回資料的示例程式碼:
[C#] 純文字檢視 複製程式碼public void ProcessRequest (HttpContext context) { context.Response.ContentType = "text/plain"; String callbackFunName = context.Request["callbackparam"]; context.Response.Write(callbackFunName + "([ { name:\"John\"}])"); }
相關文章
- ajax跨域請求之CORS的使用跨域CORS
- Ajax+SpringMVC實現跨域請求SpringMVC跨域
- 簡單的實現jsonp跨域請求JSON跨域
- ajax簡單介紹
- Ajax 跨域請求 Access to XMLHttpRequest 解決方案跨域XMLHTTP
- 第72篇 跨域的簡單介紹跨域
- AJAX 跨域請求解跨域
- Python全棧Web(AjaxJQuery-AJAX跨域請求)Python全棧WebjQuery跨域
- js ajax請求封裝及解決node請求跨域問題JS封裝跨域
- 跨域請求跨域
- 跨域請求之jQuery的ajax jsonp的使用解惑跨域jQueryJSON
- Koa2框架利用CORS完成跨域ajax請求框架CORS跨域
- CSRF(跨站請求偽造)簡介
- CORS跨域請求CORS跨域
- vue跨域請求Vue跨域
- 巧用javascript ajax,實現跨域請求外帶,增大漏洞危害JavaScript跨域
- 允許跨域請求跨域
- vue axios 請求跨域VueiOS跨域
- Cross-origin 跨域請求ROS跨域
- 同源政策與跨域請求跨域
- php 支援jsonp跨域請求PHPJSON跨域
- 跨域請求後端配置跨域後端
- NGINX如何配置跨域請求Nginx跨域
- Vue——介面請求支援跨域Vue跨域
- 解決 jquery使用ajax請求發生跨域問題的辦法jQuery跨域
- http 請求-01-AJAX(Asynchronous JavaScript and XML)入門介紹, ajax 的優缺點HTTPJavaScriptXML
- 簡單介紹shell中的curl網路請求的實現
- csrf解決Ajax請求跨站問題
- ajax請求
- 跨域之OPTION請求【轉載】跨域
- web 跨域請求安全問題Web跨域
- IE9 跨域請求相容IE9跨域
- 跨域是什麼?跨域請求資源有哪些方法?跨域
- CROS跨域請求設定,偏重前端ROS跨域前端
- 使用cors完成跨域請求處理CORS跨域
- 如何使flask允許跨域請求Flask跨域
- SpringBoot解決跨域請求攔截Spring Boot跨域
- options 請求跨域問題處理跨域
- 13、HttpClient伺服器跨域請求HTTPclient伺服器跨域