ajax實現的跨域請求程式碼例項
在實際應用中可能需要載入遠端資料,但是jquery ajax存在一定的跨域問題,下面就介紹一下如何解決此問題。
可以使用jsonp的方式解決此問題。
一.客戶端程式碼:
[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){}, 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+SpringMVC實現跨域請求SpringMVC跨域
- ajax跨域請求之CORS的使用跨域CORS
- 巧用javascript ajax,實現跨域請求外帶,增大漏洞危害JavaScript跨域
- Ajax 跨域請求 Access to XMLHttpRequest 解決方案跨域XMLHTTP
- 簡單的實現jsonp跨域請求JSON跨域
- 跨域請求之jQuery的ajax jsonp的使用解惑跨域jQueryJSON
- AJAX 跨域請求解跨域
- Python全棧Web(AjaxJQuery-AJAX跨域請求)Python全棧WebjQuery跨域
- js ajax請求封裝及解決node請求跨域問題JS封裝跨域
- 跨域請求跨域
- Koa2框架利用CORS完成跨域ajax請求框架CORS跨域
- springboot系列文章之實現跨域請求(CORS)Spring Boot跨域CORS
- KKB : Jquery實現Ajax請求jQuery
- vue跨域請求Vue跨域
- CORS跨域請求CORS跨域
- 利用fetch方法實現Ajax請求
- 解決 jquery使用ajax請求發生跨域問題的辦法jQuery跨域
- CORS方式實現ajax跨域 — nginx配置CORS跨域Nginx
- jQuery Ajax 跨域前端實現登入jQuery跨域前端
- 允許跨域請求跨域
- vue axios 請求跨域VueiOS跨域
- React、Axios、MockJs實現Ajax的請求攔截ReactiOSMockJS
- Vue——介面請求支援跨域Vue跨域
- 同源政策與跨域請求跨域
- Cross-origin 跨域請求ROS跨域
- 跨域請求後端配置跨域後端
- php 支援jsonp跨域請求PHPJSON跨域
- NGINX如何配置跨域請求Nginx跨域
- csrf解決Ajax請求跨站問題
- ajax請求
- IE9 跨域請求相容IE9跨域
- 跨域之OPTION請求【轉載】跨域
- web 跨域請求安全問題Web跨域
- dubbo請求報文例項
- 一文弄懂 CORS 跨域(前端+後端程式碼例項講解)CORS跨域前端後端
- 原生js實現Ajax請求,包含get和postJS
- 跨域是什麼?跨域請求資源有哪些方法?跨域
- PHP+Ajax實現文章心情投票功能例項PHP
- Ajax 跨域難題 - 原生 JS 和 jQuery 的實現對比跨域JSjQuery