回顧ajax

来源:https://www.cnblogs.com/dingdesheng/archive/2018/03/31/8682329.html
-Advertisement-
Play Games

Ajax 即“Asynchronous Javascript And XML”(非同步 JavaScript 和 XML),是指一種創建交互網頁應用的網頁開發技術。 一. Ajax ajax技術的目的是讓javascript發送http請求,與後臺通信,獲取數據和信息。ajax技術的原理是實例化xml ...


  Ajax 即“Asynchronous Javascript And XML”(非同步 JavaScript 和 XML),是指一種創建交互網頁應用的網頁開發技術。

  一. Ajax

  ajax技術的目的是讓javascript發送http請求,與後臺通信,獲取數據和信息。ajax技術的原理是實例化xmlhttp對象,使用此對象與後臺通信。ajax通信的過程不會影響後續javascript的執行,從而實現非同步。

  二. 同步和非同步的理解

  現實生活中,同步指的是同時做幾件事情,非同步指的是做完一件事後再做另外一件事,程式中的同步和非同步是把現實生活中的概念對調,也就是程式中的非同步指的是現實生活中的同步,程式中的同步指的是現實生活中的非同步。

  三. ajax局部刷新

  ajax可以實現局部刷新,也叫做無刷新,無刷新指的是整個頁面不刷新,只是局部刷新,ajax可以自己發送http請求,不用通過瀏覽器的地址欄,所以頁面整體不會刷新,ajax獲取到後臺數據,更新頁面顯示數據的部分,就做到了頁面局部刷新。

  四. 同源策略

  在設計ajax時基於安全的考慮,ajax請求的頁面或資源只能是同一個域下麵的資源,不能是其他域的資源。

  五. $ajax使用方法(常用參數)

    1、url 請求地址
    2、type 請求方式,預設是'GET',常用的還有'POST'
    3、dataType 設置返回的數據格式,常用的是'json'格式,也可以設置為'html'
    4、data 設置發送給伺服器的數據
    5、success 設置請求成功後的回調函數
    6、error 設置請求失敗後的回調函數
    7、async 設置是否非同步,預設值是'true',表示非同步

$.ajax({
    url:'js/data.json',
    type:'GET',
    dataType:'json',
    data:{'ding':1}
})
.done(function(data){
    alert(data.name) 
})
.fail(function(){
     alert('伺服器超時!')
});

// data.json裡面的數據: {'name':'ding','age':18}

  六. 關於json

  json是 JavaScript Object Notation 的首字母縮寫,單詞的意思是javascript對象表示法,這裡說的json指的是類似於javascript對象的一種數據格式。

  json格式的數據:

{
    'Javascript':'json',
    'Jquery':'ajax'
}
  

  註意:json數據格式的屬性名稱和字元串值需要用雙引號引起來,用單引號或者不用引號會導致讀取數據錯誤。

  json的另外一個數據格式是數組,和javascript中的數組字面量相同。

["ding",18,"programmer"]

  


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 新手學DIV+CSS商業網站佈局從入門到精通(實戰案例版)系統地講解了CSS的基礎知識和實際運用技術,通過大量實例對CSS進行深入淺出的分析,主要包括CSS的基本語法和概念,系統講解CSS佈局模型、CSS安全性、CSS重用性、CSS合作開發、CSS商業開發規範。著重講解如何用CSS+DIV進行網頁布 ...
  • 新手學html5 移動開發——面向ios 和android平臺的第i部分從第1章~第8章。第1章首先介紹了html4.01的基本原理,第2章通過生動且複雜的教程介紹了html5,其中包含了大量實例和屏幕截圖。第3章詳細介紹了css。在這之後,第4章進一步介紹了css最新版本——css3的強大功能。 ...
  • 原型設計大師:Axure RP網站與APP設計從入門到精通內容豐富且實用,由淺入深地傳授了Axure 原型設計工具在網站和APP設計中的應用與技巧,併在文中貫穿了眾多精彩實戰案例。書中完整展現了多個鮮活生動的綜合項目案例,涉及門戶網站高保真原型設計、電商網站高保真原型設計、移動APP 應用高保真原型 ...
  • 我個人建議: 如果你條件還可以,負擔不是那麼大,能培訓還是培訓的,培訓一定會比你自學的好,如果培訓都很難學好,那麼自學一定學不好。不過目前的培訓費用都在18000以上,這還只是培訓費而已,加上一些其他的東西,四個月時間要小三萬吧! 如果條件不允許,也可以選擇自學,自學挺難的,但是如果你韌性強,自學也 ...
  • 第二節課也聽到一半了,建好了另外的兩張表requst和relation,用圖展示一下它們之間的關係吧。 還是用sequelize生成的,貼一下代碼。 request是加好友請求用到的,兩個belongTo,是為了表示是誰加的誰,這兩個用戶之間的關係。 relation是表示好友關係,多對多的關係,所 ...
  • 1、什麼是HTML文件?HTML中文叫做“超文本標記語言”,一個HTML文件不僅包含文本內容,還包含一些標記,一個HTML文件的尾碼名是.htm或者是.html。用文本編輯器(Dreamweaver)就可以編寫HTML文件。2、html文件的基本結構:(成對出現)<html> html文件開始 <h ...
  • 最近公司做的業務都是使用Vue、Element寫的,涉及到的相應的基礎業務像輪播、預載入、懶載入,都是使用 NPM上的工具來實現,原理和基礎還是要有的,就來實現幾個項目中常用到的業務。 經常見到這樣的效果,導航在頁面中間,當界面滾動到導航的時候,導航就變成了 佈局。為了看效果,我加了邊框。 剛開始, ...
  •   這是第一次寫博客玩,也是第一次使用markdown寫東西(一邊看著語法一邊寫的來著),不過進步還是有滴~   申請博客以後,趕緊去翻了一下wjj童鞋的博客,發現他的封面是這樣的:   嗯……不得不說,這個網站的確是有一丟丟醜。不過怎麼能 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...