您現在的位置是:電腦技術吧?>? 基礎知識 ??>??ajax,ajax如何處理跨域問題??>??正文詳情

ajax,ajax如何處理跨域問題

巢景煥2019-12-05 14:42:01 人圍觀
簡介java處理ajax請求本文主要介紹jQuery中模擬圖像的ajaxprefilter和ajaxtransport處理。本文直接給出了仿真實現代碼,其中包含了詳細的注釋。朋友請參考“1ajax json

這篇文章主要介紹了JQuery中模擬image的ajaxPrefilter與ajaxTransport處理,本文直接給出模擬實現代碼,代碼中包含詳細注釋,需要的朋友可以參考下  ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 ////////////////////////////////////////////////////////////////// // options 是請求的選項 // // originalOptions 值作為提供給Ajax方法未經修改的選項,因此,沒有ajaxSettings設置中的默認值 // // jqXHR 是請求的jqXHR對象 // ////////////////////////////////////////////////////////////////// $.ajaxPrefilter(image, function(options, originalOptions, jqXHR) { //通過預處理器轉化類型 if (options.test) { options.type = 'GET' } //增加前綴 options.url = http://img.mukewang.com/ options.url }); /////////////////////// // 請求分發器 transports // /////////////////////// $.ajaxTransport(image, function(s) { if (s.type === GET s.async) { var image; return { send: function(_, callback) { image = new Image(); function done(status) { if (image) { var statusText = (status == 200) ? success : error, tmp = image; image = image.onreadystatechange = image.onerror = image.onload = null; callback(status, statusText, { image: tmp }); } } image.onreadystatechange = image.onload = function() { done(200); }; image.onerror = function() { done(404); }; show(s.url) image.src = s.url; }, abort: function() { if (image) { image = image.onreadystatechange = image.onerror = image.onload = null; } } }; } }); $(#test).click(function(){ //執行一個異步的HTTP(Ajax)的請求。

var ajax = $.ajax({ test : true, //測試 url : '547d5a45000156f406000338-590-330.jpg', dataType : 'image', type : 'POST', data: { foo: [bar1, bar2] }, //這個對象用于設置Ajax相關回調函數的上下文 context: document.body, //請求發送前的回調函數,用來修改請求發送前jqXHR beforeSend: function(xhr) { xhr.overrideMimeType(text/plain; charset=x-user-defined); show('局部事件beforeSend') }, //請求完成后回調函數 (請求success 和 error之后均調用) complete: function() { show('局部事件complete') }, error: function() { show('局部事件error請求失敗時調用此函數') }, success: function() { show('局部事件success') } }) ajax.done(function() { show('done') }).fail(function() { show('fail') }).always(function() { show('always') })

版權聲明:本文由 巢景煥 整理編輯。

原標題:jqueryajax解決跨域,ajax的跨域怎么解決

轉載注明出處:http://www.dn9ww09s.icu/basics/15173.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • sysdba,expdp sysdba

    sysdba,expdp sysdba 相關圖片dba和sysdba一。Oracle可以通過兩種方式對SYSDBA/sysoper用戶進行身份驗證:1)操作系統級身份驗證:登錄Oracle數據庫主機,使用以下用戶登錄,然后直接使oracle賦予sysdba權限...

  • 什么是位圖索引,創建位圖索引

    什么是位圖索引,創建位圖索引 相關圖片位圖索引的主要優缺點什么是位圖索引位圖索引的一些特性?位圖索引的優缺點?讓我們看看低比特圖像掃描的例子。查詢計劃----------------------------------索引...

  • 實例卡,實例

    實例卡,實例 相關圖片實例文本Example off: V $diag_infosphere name = sqltname.sqlselect value in 'default trac什么是示例圖...

  • gaming mouse鼠標宏,scream鼠標

    gaming mouse鼠標宏,scream鼠標 相關圖片mouse0是哪個鍵本文主要介紹了JavaScript和jQuery的鼠標-鼠標事件冒泡處理,總結了鼠標事件的一些結論,并分別給出了JavaScript和jQuery的測試代碼。您mouse3是哪個鍵...

  • 控制文件損壞,oracle控制文件

    控制文件損壞,oracle控制文件 相關圖片增加控制文件出現的現象是系統無法登錄,沒有用戶可以,懷疑數據庫有問題,輸入服務器,運行sqlplususername/password,無法輸入數據庫,提示輸入用戶名。重新重建控制文件...

  • decode函數的用法,decode函數實例

    decode函數的用法,decode函數實例 相關圖片oracle decode 用模糊decode函數相當于條件語句(if)。它將輸入值與函數中的參數列表進行比較,并根據輸入值返回相應的值。函數的參數列表由多個值及其相應的結果值組成。當然,如果...

  • lvds接口詳解,eDP接口

    lvds接口詳解,eDP接口 相關圖片lvds接口圖解類型檢查是typescript的核心設計原則之一。通過使用接口,可以進行類型檢查,滿足傳統的面向對象思想,有利于有效開發,有效避免類型轉換問題。在typescr主板接口詳細圖...

  • jquery ready,js ready

    jquery ready,js ready 相關圖片jquery toggle本文主要介紹jQuery中ready()函數的執行時間以及窗口加載事件比較的相關資料。對于您的朋友,可以參考jQuery中ready()的實現是domcontejquery callback...

  • sqlserver數據庫連接配置,連接sqlserver數據庫方法

    sqlserver數據庫連接配置,連接sqlserver數據庫方法 相關圖片sql2000數據庫導入聯系Java或JSP,必然會使用數據庫SQL Server 2000/2005(我使用的是2005標準版[9.0.3054]測試),經過自己的搜索和研究,使用Jsql server連接服務器...

  • 什么是增量備份,增量備份和完全備份

    什么是增量備份,增量備份和完全備份 相關圖片增量和差異備份RMAN中有兩種增量備份:差異模式和累積模式。備份級別分為五個級別:0、1、2、3和4,其中級別0最高。差異備份(同意上級備份甚至對等備份):分析:上周日增量備份...

熱評文章

  • 鎖和事務,事務一定鎖表嗎

    鎖和事務,事務一定鎖表嗎 相關圖片事務和數據庫鎖的聯系SQL server中的事務和鎖事務都是關于原子性的。原子性的概念意味著某物可以被視為一個單元。從數據庫的角度來看,它是指一個或多個應該執行或不執行的語句的...

  • iptables 端口轉發,iptables本地端口轉發

    iptables 端口轉發,iptables本地端口轉發 相關圖片centos6端口轉發本地接口IP 61.144.14.72的轉發端口3389到116.6.73.229的端口3389(主要是61.144.14.72的接入端口3389,跳到116.iptables端口轉發不起作用...

  • 數據結構 鏈表,單鏈表數據結構

    數據結構 鏈表,單鏈表數據結構 相關圖片鏈表本文主要介紹JavaScript中的數據結構和算法(3):鏈表。本文分別介紹了單鏈表和雙鏈表的代碼示例,以及添加節和刪除節的代碼示例。我們可以看到JavaScr什么是鏈表...

  • 編程創建一個Rect,編程創建listview

    編程創建一個Rect,編程創建listview 相關圖片uG編程順序本文主要介紹使用angularjs創建單頁應用程序的編程指南。Angularjs是一個流行的JavaScript庫。對于越來越多的朋友,您可以參考單頁應用程序概ug編程創建幾何體怎么設置...

  • 如何進行sql優化,sql查詢優化

    如何進行sql優化,sql查詢優化 相關圖片sql or 優化昨天,我半夜收到一條SQL消息。反應很慢。我很生氣。經過查詢,我只需要三個月運行一次這個SQL。你必須在法定假日經營嗎?SQL如下(非常長)?123456789復雜sql優化...

  • oracle索引怎么用,oracle索引的使用

    oracle索引怎么用,oracle索引的使用 相關圖片oracle視圖索引刪除大量表后,可能會有大量可用空間可回收。請參考以下計算方法:更新統計分析表計算統計;計算碎片空間選擇表名,(塊*8)oracle如何查看索引...

  • curl header,curl打印返回header

    curl header,curl打印返回header 相關圖片curl telnet本文主要介紹了phpcurl偽造IP地址和頭信息代碼的實例。本文給出了服務器端和客戶端的實現代碼,提供了偽造功能和服務器端檢測代碼。你可以給你的朋友們指卷發。雖curl coo...

  • asp 代碼,asp開源代碼

    asp 代碼,asp開源代碼 相關圖片怎樣將asp源代碼這是一個簡單的ASP教程,添加數據代碼程序,接受用戶提交的數據,然后保存到數據庫教程非常方便,哦,讓我們看一個詳細的例子。例如,在“名稱”字段中輸入用戶...

  • jsp遍歷,jsp遍歷for

    jsp遍歷,jsp遍歷for 相關圖片jsp中迭代器遍歷數據如果foreach中的items類型是map或collection,如何使用增強for循環?首先,創建一個label處理器類并定義兩個屬性,string VaRjQuery遍歷li...

  • shutdown用不了,shutdown

    shutdown用不了,shutdown 相關圖片運行shutdown本文主要介紹了語域的使用?關閉?函數在PHP中攔截致命錯誤示例。當我們在做這個項目的時候,你可以向我們的朋友請教,有時由于粗心大意會發生致命的錯誤。如果顯示錯...

關注微信

变脸官网查询