Time of Update: 2018-12-04
最近由於項目需要,專心研究了一下Ajax的相關程式設計,本來一開始想用Prototype或者jQuery等架構,後來發現其實用不到這些架構裡面的那麼多內容,強行使用的話只能拖累我網站的訪問者,降低使用者體驗,因此決定自己寫一套適合自己需求的Ajax程式碼程式庫。 在這套Ajax程式碼程式庫中,實現了如下的功能:1、Ajax遠程調用資料2、通過Ajax非同步提交Form表單3、返回資料後,能夠將資料繫結到頁面的相關控制項內(如:div、select、ul、span等等)4、讓Ajax程式支援瀏覽器
Time of Update: 2018-12-04
這篇部落格簡單介紹下vs的AjAx內建的兩個外掛程式ScripManager 與 UpdatePanel這兩個控制項是vs sap.net 中使用最大的幾個控制項之一.主要作用是對網頁的內容,進行局部的更新的下面進行局部的講解ScripManager 1 它是指令碼控制器,是asp.net.Ajax存在的基礎,是所有的ajax的控制項的的基礎2 一個頁面只允許有一個ScriptManager,並且放在其他的ajax的控制項的前面3
Time of Update: 2018-12-04
最近在做人事管理系統的一個簽到功能,首先是把部門當做參數,把參數用Ajax發送到資料庫進行查詢,然後以表格形式動態產生員工資訊到返回頁面的Div裡,表格最後的一列是簽到按鈕,這時我想用JQuery繼續擷取被點擊的“簽到”按鈕,然後用Ajax將資料發送到資料庫簽到表,更新簽到表,於是我就把每個簽到按鈕的id屬性設定成第一次Ajax返回的每個員工資訊的工號,再次用JQuery擷取,怎麼擷取呢?想到了標籤加事件選取器,於是寫了下面代碼: $(function(
Time of Update: 2018-12-04
Ajax Integration with JSF 2.0 In JSF 2.0, An Ajax engine will be implemented on the client side. It will be responsible for the following: 1. Sending an Ajax request to the server. 2. Receiving the partial
Time of Update: 2018-12-04
IE中,select下拉式清單方塊無法用innerHTML渲染。。所以無法使用oselect.innerHTML=<option>text</option>,為解決這個問題,我在select下拉框為加上一個層把它包裹住,然後直接設定div的innerHTML,下面是代碼 <mce:script type="text/javascript"><!-- var xmlhttp; function
Time of Update: 2018-12-04
摘自http://www.ajaxsamples.cn/html/6405.html XMLHttpRequest對象的屬性: onreadystatechange 每次狀態改變所觸發事件的事件處理常式。 responseText 從伺服器處理序返回資料的字串形式。 responseXML 從伺服器處理序返回的 DOM相容的文檔資料對象。 status 從伺服器返回的數字代碼,比如常見的
Time of Update: 2018-12-04
String data=""; JSONObject jsonObj = new JSONObject(); jsonObj.put("msg", ballotcount);// data="{msg:"+ballotcount+ "}";; PrintWriter out; try { response.setCharacterEncoding("UTF-8");
Time of Update: 2018-12-04
使用XMLHttpRequest對象的五個步驟:1、建立XMLHttpRequest對象2、註冊回呼函數3、設定和伺服器端互動的參數(open方法)4、向伺服器端發送資料,開始互動(send方法)5、在回呼函數中判斷是否互動結束,響應資料是否接收完成。下面對每一步可能遇到的問題及需要注意的事項進行解釋:先說第一步,由於瀏覽器版本以及對XMLHttpRequest支援的不同,造成在建立XMLHttpReque對象時有一定的差異。在IE家族中,IE7之前的版本將XMLHttpRequest看做一個A
Time of Update: 2018-12-04
眾所周知,AJAX的請求是非同步,這種非同步機制給我們帶來了體驗上的最佳化,但是同時我要求我們有更完善的思維去處理一個業務。當使用者發出AJAX請求時,如果長時間處於要求階段,而沒有給出使用者回應,會給使用者造成錯覺,導致使用者以為我們的系統“沒反應“了。這從某方面來講是一種不友好。甚至有的時候,使用者看不到想要的結果,就會不停的請求,這樣會發生意想不到的後果。所以,當發出AJAX請求時,我們給出一定的措施,保證系統的正確運行和良好的使用者體驗。在這裡,我使用的是:顯示載入中圖片,並彈出一個圖層
Time of Update: 2018-12-04
上篇部落格較為詳細的介紹了一下XMLHttpRequest的屬性、方法和事件控制代碼,這篇部落格來介紹一下Ajax的五步使用法。為了直觀,用一個簡單的例子說明:AjaxClient用於提交使用者名稱,AjaxServer用於判斷使用者名稱是否使用,並返回提示。AjaxClient.html:<html><head><title>ajaxClient</title><script
Time of Update: 2018-12-04
執行個體內容 執行個體的具體內容是:服務端每隔指定時間產生股價,並計算漲幅,然後以json資料格式發送給用戶端頁面;用戶端頁面每隔指定時間重新擷取服務端資料,解析json資料格式,並顯示漲停。 執行個體來源於王興魁Ajax教學視頻,視頻中用的是NetBeans環境Java語言編寫的,使用NetBeans按教程編寫不是很難,所以想著用VS2010環境C#編寫,代碼如下。執行個體代碼 Stocks.cs Stock.cs,股票類代碼:
Time of Update: 2018-12-04
本執行個體的代碼請看上篇部落格《AJAX執行個體之股票即時資訊顯示》。雖然Java和C#兩門語言文法非常相似,但是細節上還是有很多不同之處,所以在轉換的過程中,還是有幾個問題:Java下有HttpServlet,C#下的一般處理常式Java下有HashMap,C#下的DictionaryJava下有Random類有nextBoolean(),C#靈活使用nextDouble()Java下有Timer使用匿名函數,C#使用委託 不同 一般處理常式
Time of Update: 2018-12-04
例子:使用XHR對象和Ext2.0的Ajax對象給一個ArcIMS伺服器發送請求,並返回結果。var axl = '<?xml version="1.0" encoding="UTF-8"?>/n<ARCXML version="1.1">/n<REQUEST>/n<GET_SERVICE_INFO renderer="false" extensions="false" fields="false"
Time of Update: 2018-12-04
DOM節點 :DOM 節點的屬性主要有:nodeName 報告節點的名稱(詳見下述)。 nodeValue 提供節點的 “值”(詳見後述)。 parentNode 返回節點的父節點。記住,每個元素、屬性和文本都有一個父節點。 childNodes 是節點的孩子節點列表。對於 HTML,該列表僅對元素有意義,文本節點和屬性節點都沒有孩子。 firstChild 僅僅是 childNodes 列表中第一個節點的捷徑。 lastChild 是另一種捷徑,表示 childNodes
Time of Update: 2018-12-04
將響應解析成XML: 伺服器不一定按XML格式發送響應。只要Content-Type的響應首部設定為text/pain(如果是XML,Content-Type的首部為text/xml)。XML序言: 定義XML的版本和文檔所用字型的編碼<?xml version="1.0" encoding="UTF-8"?>說明:GB2312 (簡體中文),UTF-8是世界通用的語言編碼,.UTF8
Time of Update: 2018-12-04
從第2章例2-2開始:HTML 基礎:Iframe標記,又叫浮動幀標記,你可以用它將一個HTML文檔嵌入在一個HTML中顯示。在指令碼語言與對象層次中,包含Iframe的視窗我們稱之為父表單,而浮動幀則稱為子表單。 Iframe標記的使用格式是: <Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe>
Time of Update: 2018-12-04
Ajax 由 HTML、JavaScript 技術、DHTML 和 DOM 組成,這一傑出的方法可以將笨拙的 Web 介面轉化成互動性的 Ajax 應用程式。XMLHttpRequest 對象<script language="javascript" type="text/javascript">var xmlHttp = new XMLHttpRequest();</script>擷取 Request 對象 在 Microsoft 瀏覽器上建立
Time of Update: 2018-12-04
HEAD 請求: HEAD 請求非常簡單;您可以使用 "HEAD"(而不是 "GET" 或 "POST")作為第一個參數來調用 open() 方法.當您這樣產生一個 HEAD 請求時,伺服器並不會像對 GET 或 POST 請求一樣返回一個真正的響應。相反,伺服器只會返回資源的 頭(header),這包括響應中內容最後修改的時間、請求資源是否存在和很多其他有用資訊。 輸出從 HEAD 請求中獲得的回應標頭的內容:function updatePage() { if (request.
Time of Update: 2018-12-04
HTML <form> 標籤: form元素可為使用者輸入建立表單。表單可包含文本域,複選框,選項按鈕等等。表單被用來向某個指定的URL傳遞使用者資料。必需的屬性:在action屬性中定義表單提交的地址。屬性值描述 actionURL當確認按鈕被按下時,向其傳遞資料的URL。 可選的屬性:nameform_name定義表單的唯一名稱method get post 用於向action URL傳送資料的HTTP方法。預設為get。
Time of Update: 2018-12-04
innerTEXT與innerHTML的區別:例:<div id="test"> <span style="color:red">test1</span> test2</div>test.innerHTML: 也就是從對象的起始位置到終止位置的全部內容,包括Html標籤。 上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2