Time of Update: 2018-12-08
從資料庫my中的username使用者表裡驗證: checkusername.html: 複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <
Time of Update: 2018-12-08
複製代碼 代碼如下:<script type="text/javascript"><!-- var request = false; try { request = new XMLHttpRequest(); } catch (trymicrosoft) { try { request = new ActiveXObject("Msxml2.XMLHTTP"); } catch (othermicrosoft) { try { request = new
Time of Update: 2018-12-08
之前實現AJAX使用Javascript指令碼一個一個敲出來的,很繁瑣。學習Jquery之後就感覺實現AJAX並不是那麼的困難了,當然除了Jquery架構外還有其它的優秀架構這裡我就著重說下比較流行的Jquery。Jquery
Time of Update: 2018-12-08
複製代碼 代碼如下:var LF = {}; LF.version = '1.0.0'; //全域函數 function $(objName) { return document.getElementById(objName); } function $name(objName) { return document.getElementsByName(objName); } function $tag(objName) { return
Time of Update: 2018-12-08
通過查看源碼發現 複製代碼 代碼如下:// Create the request object; Microsoft failed to properly // implement the XMLHttpRequest in IE7, so we use the ActiveXObject when it is available // This function can be overriden by calling jQuery.ajaxSetup xhr:function(){
Time of Update: 2018-12-08
首先需要一個添加年級的頁面,暫時叫grade.htm 這個檔案需要引入兩個檔案jquery.js(jquery架構檔案)和grade.js(驗證的單獨檔案)。 下面的input用於輸入使用者名稱字,id="gradeInfo"是為了顯示提示資訊用的。 grade.htm 複製代碼 代碼如下:<input type="text" size="6" name="NAME" id="NAME"/><font color="red">*</font>
Time of Update: 2018-12-08
學習 jQuery 基本原理,探索其特性和功能,執行一些常見的 Ajax 任務並掌握如何使用外掛程式擴充 jQuery。 jQuery 是什嗎? jQuery 由 John Resig 建立於 2006 年初,對於任何使用 JavaScript 代碼的程式員來說,它是一個非常有用的 JavaScript 庫。無論您是剛剛接觸 JavaScript 語言,並且希望獲得一個能解決文件物件模型(Document Object Model,DOM)指令碼和 Ajax
Time of Update: 2018-12-08
index.html 複製代碼 代碼如下:<html> <head> <title>jQuery Ajax 執行個體示範</title> </head> <script src="./js/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){//
Time of Update: 2018-12-08
第一個下拉框: 複製代碼 代碼如下:<select id="select" name="rawfoodBasic.category" onchange="doChange(this.value);"> //第一個下拉框裡的值 </select> 第二個下拉框: 複製代碼 代碼如下:<select id="subSelect" name="rawfoodBasic.absorb" onchange="javascript:alert(this.value);"
Time of Update: 2018-12-08
解決IE編碼問題第一步: dataType:($.browser.msie) ? "text" : "xml" 先這樣做讓IE 識別返回的是text 還是xml 第二步: 複製代碼 代碼如下:function parseXml(xml) { //XML IE編碼問題第二步 if (jQuery.browser.msie) { // 判斷瀏覽器是不是IE var xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); //微軟下面的xmldom對象
Time of Update: 2018-12-08
我曾使用過的方法有三種: 1 在頁面中加入隱藏的button,並定義了事件,然後執行js的$("#隱藏btnID").click()來 執行後台方法 2 用ajaxPro來執行 3 用ajax的url:頁面地址/(靜態)方法名稱 來執行 在這種方法中,方法必須要求是靜態,所以例如在_default這個頁面中 ,樣本如下 複製代碼 代碼如下:public partial class _Default : System.Web.UI.Page { static int sVar = 1; int
Time of Update: 2018-12-08
注意:$.get()和$.post()方法是jQuery中的全域函數。前面講到的load()方式是對jQuery對象進行操作的。1、 $.get()方法 $.get()方法使用GET方式來進行非同步請求。 它的文法結構為: $.get( url [, data] [, callback] [, type]
Time of Update: 2018-12-08
load()方法是jQuery中最為簡單和常用的Ajax方法,能載入遠程HTML代碼並插入到DOM中。它的文法結構為: load( url [, data][, callback] ) load()方法參數解釋見下表:參數名稱類 型說 明urlString請求HTML頁面的URL地址data(可選)Object發送至伺服器的key/value資料callback(可選)Function請求完成時的回呼函數,無論請求成功或失敗1、
Time of Update: 2018-12-08
傳統ajax Code 複製代碼 代碼如下:<script language="javascript"> var xmlHttp; function createXMLHttpRequest(){ if(window.ActiveXObject) xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); else if(window.XMLHttpRequest) xmlHttp = new XMLHttpRequest(); }
Time of Update: 2018-12-08
效果如下:複製代碼 代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Ajax Progress Bar</title> <script type="text/javascript"> var xmlHttp; var key; var bar_color = 'gray';//進度條的顏色
Time of Update: 2018-12-08
request.jsp頁面中有rocarsId,和ccrn兩個text。 對應在資料庫中表格 rocars表的msg_id,ccrn兩個欄位。現在要實現在介面上修改ccrn的值,ajax提交到response.jsp頁面,並調用RocarsEntiy.updateCcrn方法更新對應的ccrn,最後無重新整理顯示 代碼: request.jsp 複製代碼 代碼如下:<%@ page language="java" contentType="text/html; charset=ISO-88
Time of Update: 2018-12-08
如下: request.jsp 複製代碼 代碼如下:<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>
Time of Update: 2018-12-08
請求頁面request.jsp 複製代碼 代碼如下:<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>
Time of Update: 2018-12-08
使用 jquery 架構:下載 jquery.js 建立一個 web 工程 ajax ; 在 webRoot 下建立一個 jslib 檔案夾:專門存放 js 檔案; 在 webRoot 下建立一個 html/jsp 頁面: login.html 複製代碼 代碼如下:<script type = "text/javascript" src = "jslib/jquery.js"></ script> <script type = "text/javascript"
Time of Update: 2018-12-08
到了B/S開發時代,網頁前端布局也把Tab頁的布局形式吸收了過來。特別是和Ajax技術結合起來,可以更充分發揮Tab頁的良好表現力和資料緩衝的優勢,是一種良好的網頁布局形式。 網上的Tab頁代碼很多,實現也大同小異 ,但代碼都顯得淩亂,若要真的用的話,必須費勁的吃透它,才能進行二次定製開發,為我所用。實際上實現這個Tab頁介面非常簡單,僅僅是通過Ajax技術偷偷的擷取資訊,然後在一塊地區輪流顯示而已(通過顯示和隱藏層,或複用一個層,輪流向裡邊填充Html資料)。