摘要:可通過進行解析,數(shù)據(jù)可使用進行傳輸。實例語法是對象表示法語法的子集數(shù)據(jù)在名稱值對中數(shù)據(jù)由逗號分隔花括號保存對象方括號保存數(shù)組。運行結(jié)果服務(wù)器返回的數(shù)據(jù)類型返回一個指定函數(shù)名為的回調(diào)函數(shù),函數(shù)里面包裹的數(shù)據(jù)為格式。
AJAX(異步的 JavaScript 和 XML)是用于創(chuàng)建快速動態(tài)網(wǎng)頁的一種技術(shù),它在不重新加載整個頁面的情況下,與服務(wù)器交換數(shù)據(jù)并更新部分網(wǎng)頁,ajax 使用XMLHttpRequest對象在后臺與服務(wù)器交換數(shù)據(jù),XMLHttpRequest 是 AJAX 的基礎(chǔ),它允許客戶端 JavaScript 通過 HTTP請求連接到遠程服務(wù)器。
但是,由于受到瀏覽器的限制,這種方法不可以進行跨域訪問,如果使用這種方法進行跨域訪問則會出現(xiàn)安全問題。不過,我們可以發(fā)現(xiàn),在web頁面跨域調(diào)用 js文件時,不會受到瀏覽器的限制,所以我們可以利用將遠程服務(wù)器端的數(shù)據(jù)裝入js格式的文件,然后再用來供客戶端進行調(diào)用。
JSON(JavaScript 對象表示法)是一種輕量級的文本數(shù)據(jù)交換格式,它具有自我描述性,易于理解。JSON 可通過 JavaScript 進行解析,JSON 數(shù)據(jù)可使用 AJAX 進行傳輸。
JSON實例:
{ "employees": [ { "firstName":"Bill" , "lastName":"Gates" }, { "firstName":"George" , "lastName":"Bush" }, { "firstName":"Thomas" , "lastName":"Carter" } ] }
JSON 語法是 JavaScript 對象表示法語法的子集:
數(shù)據(jù)在名稱/值對中, 數(shù)據(jù)由逗號分隔 ,花括號保存對象, 方括號保存數(shù)組。
JSON的特性
純文本,易于跨平臺傳遞
Javascript原生支持,后臺語言幾乎全部支持
使用輕量級的文本數(shù)據(jù)交換格式,適合在互聯(lián)網(wǎng)中傳遞
比 XML 更小、更快,更易解析。
基于JSON的這些特性,可以通過使服務(wù)器動態(tài)生成JSON文件,然后將客戶端需要的數(shù)據(jù)裝入這個文件,再將該文件調(diào)回客戶端供客戶端使用。為了便于客戶端使用數(shù)據(jù),逐漸形成了一種非正式傳輸協(xié)議JSONP,該協(xié)議的一個要點就是允許用戶傳遞一個callback參數(shù)給服務(wù)端,然后服務(wù)端返回數(shù)據(jù)時會將這個callback參數(shù)作為函數(shù)名來裝入JSON數(shù)據(jù),這樣客戶端就可以隨意定制自己的函數(shù)來自動處理返回數(shù)據(jù)了。
如何使用JSONP一種簡單的方式就是使用jQuery來實現(xiàn):
test
type:請求類型,GET 或 POST,默認為 GET;
async:true(異步)或 false(同步),默認情況下為true,同步請求將鎖住瀏覽器,用戶其它操作必須等待請求完成才可以執(zhí)行;
url:發(fā)送請求的地址(跨域請求時應(yīng)為絕對地址);
dataType:指定服務(wù)器返回的數(shù)據(jù)類型;
jsonpCallback:自定義JSONP回調(diào)函數(shù)名稱;
success:請求成功后回調(diào)函數(shù);
error:請求失敗時調(diào)用此方法。
運行結(jié)果:
服務(wù)器返回的數(shù)據(jù)類型:
返回一個指定函數(shù)名為message的回調(diào)函數(shù),函數(shù)里面包裹的數(shù)據(jù)為JSON格式。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/91293.html
摘要:瀏覽器的同源策略固然保障了互聯(lián)網(wǎng)世界的數(shù)據(jù)隱私與數(shù)據(jù)安全,但是如果當我們需要使用跨域請求資源時,同源策略又會成為開發(fā)者的阻礙。我們之前提到過,如果想要繞過瀏覽器同源策略,實現(xiàn)使用技術(shù)跨域獲取資源,需要服務(wù)端和客戶端的協(xié)同合作。 瀏覽器的同源策略固然保障了互聯(lián)網(wǎng)世界的數(shù)據(jù)隱私與數(shù)據(jù)安全,但是如果當我們需要使用AJAX跨域請求資源時,同源策略又會成為開發(fā)者的阻礙。在本文中,我們會簡單介紹需...
摘要:說明關(guān)于跨域問題的解決方案多達七八種,你不要說哪有這么多,我不跟你較真哈,你也別跟我較真哈自行百度或這里不會跟你說那么多種只說使用最多的一種你要非說用的不是最多的我不信哦你信好了哈哈你開心就好關(guān)于跨域瀏覽器的同源策略要了解什么是跨域你需要了 說明 關(guān)于跨域問題的解決方案多達七、八種,你不要說哪有這么多,我不跟你較真哈,你也別跟我較真哈, ?!自行 百度 或 Google, 這里不會跟你...
摘要:在這里講解一下用原生如何實現(xiàn)。當然,前面也說過,你可以給定固定回調(diào)函數(shù)名最后我已經(jīng)將和請求合并在一起了,下載鏈接原文鏈接原生實現(xiàn)如有問題,歡迎在下方留言 相信大多數(shù)前端開發(fā)者在需要與后端進行數(shù)據(jù)交互時,為了方便快捷,都會選擇JQuery中封裝的AJAX方法,但是有些時候,我們只需要JQuery的AJAX請求方法,而其他的功能用到的很少,這顯然是沒必要的。 其實,原生JavaScript...
摘要:請求服務(wù)器數(shù)據(jù)并規(guī)定回調(diào)函數(shù)為上面代碼通過動態(tài)添加元素,向服務(wù)器發(fā)出請求。另外假設(shè)向服務(wù)發(fā)送的請求是這樣的在這種情況下,是表示請求的請求參數(shù),而是應(yīng)用程序的回調(diào)函數(shù)的名稱。清單調(diào)用回調(diào)服務(wù)注意,我們使用作為回調(diào)函數(shù)名,而非真實的函數(shù)名。 同源策略 同源策略(Same origin policy),它是由Netscape提出的一個著名的安全策略?,F(xiàn)在所有支持JavaScript的瀏覽器都...
閱讀 2792·2021-11-02 14:42
閱讀 3174·2021-10-08 10:04
閱讀 1198·2019-08-30 15:55
閱讀 1041·2019-08-30 15:54
閱讀 2330·2019-08-30 15:43
閱讀 1691·2019-08-29 15:18
閱讀 875·2019-08-29 11:11
閱讀 2375·2019-08-26 13:52