Time of Update: 2017-01-18
今天JS練手的時候,想封裝一個發送AJAX請求的對象,當然,是想要相容全瀏覽器的。代碼如下: 複製代碼 代碼如下: var Ajax = { xhr: null, callback: null, XMLHttp: function() { var xmlhttp; //標準瀏覽器 if(window.XMLHttpRequest) { try { xmlhttp = new XMLHttpRequest(); } catch(e) { alert('Unknown Ajax Error'); /
Time of Update: 2017-01-18
1.樣式 複製代碼 代碼如下: <style type="text/css"> <!-- body{background:#fff} .Menu { position:relative; width:180px; height:120px; z-index:1; background: #EEE; border:1px solid #666; margin-top:-100px; display:none; } .Menu2 { position: absolute;
Time of Update: 2017-01-18
1.建立 a.html 複製代碼 代碼如下: <!doctype html> <html> <head> <meta charset='utf-8'> <title>iframe式ajax調用</title> </head> <body> <form action='b.php' method='post' name='' id='' target='formTarget'>
Time of Update: 2017-01-18
Ajax引擎對象中的方法: abort() 停止當前請求 getAllResponseHeaders() 作為字串返回完整的headers getResponseHeader ("headerLabel")作為字串返回單個的header標籤 open("method","URL"[,asyncFlag[,"userName"[,"password"]]]) 建立對伺服器的調用。method參數可以是GET、POST或PUT,url參數可以是相對URL或絕對URL send(content)
Time of Update: 2017-01-18
我將在Web圈推出ajax原創系列教程,如果你還不知道什麼是ajax,請閱讀:ajax是什嗎? 在此之前我們需要做一下簡單的ajax準備工作,但你必須要具備基本的html,javascript,dom編寫能力.否則這個ajax教程你讀起來會很吃力.我的目的是通過這份教程.可以讓你在你的網頁中使用ajax技術實現,讀取,添加,修改,刪除資料的操作.也許你是只老鳥對我寫的這些不屑一顧,但我還是希望你能看 下該教程中示範的一些例子,沒準會有地方吸引你!
Time of Update: 2017-01-18
1、【使用iframe】 在需要載入的頁面中添加一個iframe,如下 複製代碼 代碼如下: <iframe style="display:none" onload="javascript: close_ticket_onload()"></iframe> onload中添加你所要調用的函數,如果載入的頁面在彈出層中,此函數需要放在彈出此層的父頁面! 2、【使用eval】
Time of Update: 2017-01-18
ajax所包含的技術 大家都知道ajax並非一種新的技術,而是幾種原有技術的結合體。它由下列技術組合而成。 1.使用CSS和XHTML來表示。 2. 使用DOM模型來互動和動態顯示。 3.使用XMLHttpRequest來和伺服器進行非同步通訊。 4.使用javascript來綁定和調用。
Time of Update: 2017-01-18
滾動下拉到頁面底部載入資料是很多瀑布流網站的做法,那來看看配合jsonp是如何?的吧,小菜總結記錄之用,高手勿噴。當然本例子採用的是jquery庫,後期會做成原生js。 本例的資料調用的是鋒利的jquery一書提供的一段json。 首先要先判斷頁面怎麼樣才是滾動到底部,也就是scrollTop+window的height是否大於document的height,jquery如下代碼: $(window).scrollTop()+$(window).height()>=$(document).
Time of Update: 2017-01-18
在網上搜尋了一下,發現以jquery+ajax方式實現單張圖片上傳的代碼是有的,但實現批量上傳圖片的程式卻沒搜尋到,於是根據搜尋到的代碼,寫了一個可以批量上傳的。先看效果圖點擊增加按鈕,會增加一個選擇框,如下圖:選擇要上傳的圖片,效果圖如下:上傳成功如下圖:下面來看代碼:前台html主要代碼:複製代碼 代碼如下:<button id="SubUpload" class="ManagerButton" onClick="TSubmitUploadImageFile();return
Time of Update: 2017-01-18
步驟一:匯入jquery外掛程式複製代碼 代碼如下:<script type="text/javascript" src="js/easyui/jquery-1.8.0.min.js"></script>步驟二:在<body></body>中添加資訊顯示的地方複製代碼 代碼如下:<label id="context"></label>步驟三:在頁面中添加JS代碼複製代碼 代碼如下:<script type="text/
Time of Update: 2017-01-18
由於XMLHTTP採用的是Unicode編碼上傳資料,而一般頁面採用的是gb2312,這就造成顯示頁面時產生亂碼.而當在擷取頁面時的XMLHttp返回的是utf-8編碼,這就造成了顯示產生亂碼. 有一種解決辦法就是使用encodeURIComponent加上修改 Content-Type 為 application/x-www-form-urlencoded" 來把資料統一編碼成 url 格式,當然,也可以指定編碼,如:“application/x-www-form-urlencoded;
Time of Update: 2017-01-18
實際項目中比較常用的(JQuery+AJAX+MD5),屬於即時驗證,亮點是驗證使用者是否存在的那一項,具體內容如下具體樣本registe.jsp<span style="font-size: large;"><%@ page pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@ taglib
Time of Update: 2017-01-18
Ajax非同步傳輸用得很廣,就拿web開發來說吧,當使用者註冊時,當使用者剛一輸完,怎麼立即判斷使用者是否存在,並在輸入框後顯示提示?這就用到了非同步傳輸~~ 它可以讓你不離開頁面的情況下,擷取後台你想要的資料,並顯示在當前頁面!!好的,下面看個例子 下面是一段Ajax驗證代碼 複製代碼 代碼如下: <script type="text/javascript"> //① 設定變數 var xmlHttp ; var flag = false ; var package_name; /
Time of Update: 2017-01-18
今天在做項目時,遇到了一個問題。我用的是ajax,要在$.ajax({裡面給一個全域變數賦值,結果死活賦值不上,糾結了好半天,後來上網查了查,才知道,ajax預設是非同步請求,(當要賦值時,此時的值沒有拿到,所以賦值不成功)如果要在$.ajax({裡面給全域變數賦值,需要改為同步操作,即加上async : false,就可以了。 複製代碼 代碼如下: $.ajax({ type:"post", url:"a.action", data: {}, dataType: 'text', async :
Time of Update: 2017-01-18
一個奇怪的問題,在使用ajax提交的時候將傳回值賦給一個變數,無論怎麼寫都沒法賦值,剛開始懷疑js有錯但是ie沒有反應過來,多次清緩衝、部程式都沒效果。。。。。。最後只好一行一行的alert看原因出在哪裡;奇怪的是加上了alert之後就可以賦值,刪掉alert後就又不可以了。百度了一下發現是因為ajax預設是非同步執行的,也就是並沒有等待請求完畢就開始執行下一行js語句了,導致賦值為null。
Time of Update: 2017-01-18
通過使用Javascript來操作DOM元素來重新整理頁面及重組資料,依靠CSS為應用程式提供一致的介面,利用XMLHttpRequest對象與伺服器進行非同步通訊,在後台提交請求並擷取最新的資料。Javascript定義了商務規則和流程,應用程式通過XMLHttpRequest對象以背景方式從伺服器擷取資料,通過CSS和DOM改變介面的外觀。 注意: 1、Ajax不僅僅是Javascript,而是 一組技術的結合 2、XMLHttpRequest與伺服器通訊擷取資料是 後台非同步方式
Time of Update: 2017-01-18
很多時候,我們都會遇到例如關鍵字搜尋的功能 我們第一的想法,肯定是綁定響應的keyup事件,然後將得到的keyword,請求一個ajax返迴響應的資料處理 但是,這個時候,如果簡單綁定keyup事件。那麼,每一次的敲擊鍵盤操作都會發送一個ajax請求,這顯然不是我們希望的。 我們希望,盡量在空閑之後去發送ajax請求: 因此,我們設定使用者在不敲擊鍵盤之後1S,才去發送這個ajax請求 複製代碼 代碼如下: var timeout; onkeyup = function() {
Time of Update: 2017-01-18
在過濾器中寫入如下方法: 複製代碼 代碼如下: public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException { HttpServletRequest httprequest = (HttpServletRequest) request; HttpServletResponse httpresponse =
Time of Update: 2017-01-18
複製代碼 代碼如下: 伺服器端: public void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException{ req.setCharacterEncoding("GBK"); // 建立一個SmartUpload對象 SmartUpload su = new SmartUpload(); su.initialize(this.getServletConfig()
Time of Update: 2017-01-18
AJAX中文問題分為兩大類: 1)發送路徑中的參數有中文,在伺服器段接收參數值是亂碼 例如: var url="a.jsp?name=小李"; xmlHTTP.open ("post",url,true); 解決辦法: 利用javascript的提供的escape()或encodeURI()方法 例如: 用戶端: var url="a.jsp?name=小李"; url=encodeURI(url); url=encodeURI(url); //兩次,很關鍵[具體為什麼,我也不清楚] /****