AJAX
AJAX = Asynchronous JavaScript and XML(非同步的 JavaScript 和 XML)。
AJAX 不是新的程式語言,而是一種使用現有標準的新方法。
AJAX 是與伺服器交換資料並更新部分網頁的藝術,在不重新載入整個頁面的情況下。
function prepareForms() { for(var j=0 ; j<document.forms.length ; j++){ var this_forms = document.forms[j]; resetFields(this_forms); this_forms.onsubmit = function () { if(!validateForm(this)) return false; //进行浏览器端表单验证 var article = document.getElementsByTagName("article")[0]; if(submitFormWithAjax(this,article)) return false; //代表防止重复提交 实际的提交已经完成 return true; } } }
首先透過表單的提交事件調用相應的驗證方法和ajax提交方法如果說ajax提交成功返回false 攔截提交事件如果ajax失敗則正常提交
function displayAjaxLoading(element) { while(element.hasChildNodes()){ element.removeChild(element.lastChild); //如果还有子节点 重复删除 直到内部为空 } var content = document.createElement("img"); content.setAttribute("src","images/loading.gif"); content.setAttribute("alt","loading...."); element.appendChild(content); } //拿到元素 清空内部 并添加一个img function submitFormWithAjax(whichform,thetarget) { var request = getHTTPObject(); if(!request){return false ;} displayAjaxLoading(thetarget);//调用加载方法 var dataParts = []; var element; //提前创建要用的容器 for(var i=0 ; i<whichform.elements.length ; i++){ element = whichform.elements[i]; dataParts[i] = element.name + "=" +encodeURIComponent(element.value) //把元素的名字和值转化成URL编码放入容器中 } var data = dataParts.join("&"); //把数组转化成一串字符串 每个项目之间用&连接 request.open("post",whichform.getAttribute("action"),true); //向表单目标地址准备提出名为post的请求 request.setRequestHeader("content-type","application/x-www-form-urlencoded");//设置头部信息 //获取请求后就会调用一下的 方法 算是一个触发器 服务器会执行以下内容 request.onreadystatechange = function () { if(request.readyState == 4){ if(request.status == 200 || request.status == 0){ var matches = request.responseText.match(/<article>([\s\S]+)<\/article>/) //捕获文本 if(matches.length>0){ thetarget.innerHTML = matches[1]; //正则表达式返回0为包含<article> 1为不包含的版本 } else { thetarget.innerHTML = "<p>sorry not find</p>"; } } else { thetarget.innerHTML = "<p>" + request.statusText + "</p>"; } } } request.send(data); //对目标服务器发送请求 return true;//代表函数执行完毕 }
讓我們分步來查看正常提交
rrreee讓我們分步來查看正常提交
rrreee讓我們分步來查看正常提交什麼事情
第一獲取了一個請求對象

理解JavaScript引擎內部工作原理對開發者重要,因為它能幫助編寫更高效的代碼並理解性能瓶頸和優化策略。 1)引擎的工作流程包括解析、編譯和執行三個階段;2)執行過程中,引擎會進行動態優化,如內聯緩存和隱藏類;3)最佳實踐包括避免全局變量、優化循環、使用const和let,以及避免過度使用閉包。

Python更適合初學者,學習曲線平緩,語法簡潔;JavaScript適合前端開發,學習曲線較陡,語法靈活。 1.Python語法直觀,適用於數據科學和後端開發。 2.JavaScript靈活,廣泛用於前端和服務器端編程。

Python和JavaScript在社區、庫和資源方面的對比各有優劣。 1)Python社區友好,適合初學者,但前端開發資源不如JavaScript豐富。 2)Python在數據科學和機器學習庫方面強大,JavaScript則在前端開發庫和框架上更勝一籌。 3)兩者的學習資源都豐富,但Python適合從官方文檔開始,JavaScript則以MDNWebDocs為佳。選擇應基於項目需求和個人興趣。

從C/C 轉向JavaScript需要適應動態類型、垃圾回收和異步編程等特點。 1)C/C 是靜態類型語言,需手動管理內存,而JavaScript是動態類型,垃圾回收自動處理。 2)C/C 需編譯成機器碼,JavaScript則為解釋型語言。 3)JavaScript引入閉包、原型鍊和Promise等概念,增強了靈活性和異步編程能力。

不同JavaScript引擎在解析和執行JavaScript代碼時,效果會有所不同,因為每個引擎的實現原理和優化策略各有差異。 1.詞法分析:將源碼轉換為詞法單元。 2.語法分析:生成抽象語法樹。 3.優化和編譯:通過JIT編譯器生成機器碼。 4.執行:運行機器碼。 V8引擎通過即時編譯和隱藏類優化,SpiderMonkey使用類型推斷系統,導致在相同代碼上的性能表現不同。

JavaScript在現實世界中的應用包括服務器端編程、移動應用開發和物聯網控制:1.通過Node.js實現服務器端編程,適用於高並發請求處理。 2.通過ReactNative進行移動應用開發,支持跨平台部署。 3.通過Johnny-Five庫用於物聯網設備控制,適用於硬件交互。

我使用您的日常技術工具構建了功能性的多租戶SaaS應用程序(一個Edtech應用程序),您可以做同樣的事情。 首先,什麼是多租戶SaaS應用程序? 多租戶SaaS應用程序可讓您從唱歌中為多個客戶提供服務

本文展示了與許可證確保的後端的前端集成,並使用Next.js構建功能性Edtech SaaS應用程序。 前端獲取用戶權限以控制UI的可見性並確保API要求遵守角色庫


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!

mPDF
mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

SublimeText3漢化版
中文版,非常好用

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)