Time of Update: 2017-01-19
在JQuery中,AJAX有三種實現方式:$.ajax() , $.post , $.get()。 首先我們看$.get(): 複製代碼 代碼如下: $.get("test.jsp", { name: "cssrain", time: "2008/01/21" }, //要傳遞的資料 function(data){ alert("返回的資料: " + data); } ) 然後看$.post(): 跟$.get()格式一樣. 複製代碼 代碼如下: $.post("test.jsp", {
Time of Update: 2017-01-19
query formValidator外掛程式非常好用,但是有一個嚴重的Bug,在使用ajax驗證的時候,如果輸入框的內容已經存在,把滑鼠放到輸入框,不做任何修改再離開,則會提示錯誤, 這是這個外掛程式犯的一個很愚蠢的錯誤 複製代碼 代碼如下: oneIsValid: function(id, index) { var returnObj = new Object(); returnObj.id = id; returnObj.ajax = -1; returnObj.errormsg = ""
Time of Update: 2017-01-19
1、前台使用ajax無重新整理分頁,主要需要產生分頁的工具條,這裡使用的是jquery.pagination.js下面貼出代碼 /** * This jQuery plugin displays pagination links inside the selected elements. * * @author Gabriel Birke (birke *at* d-scribe *dot* de) * @version 1.2 * @param {int} maxentries
Time of Update: 2017-01-19
介紹大家都知道,HTTP協議是一個屬於應用程式層的物件導向的協議,HTTP 協議一共有五大特點:1、支援客戶/伺服器模式;2、簡單快速;3、靈活;4、無串連;5、無狀態。所以一次的請求都是一個單獨的事件,和前後都沒有聯絡。所以我們在解決網頁即時聊天時就遇到一個問題,如何保證與伺服器的長時間聯絡,從而源源不段地擷取資訊。一直以來的方式無非有這麼幾種:1、長串連,即伺服器端不斷開聯絡,PHP伺服器端用ob系列函數來不停的讀取輸出,但是相當耗費伺服器資源。2、Flash
Time of Update: 2017-01-19
之前很少會用javascript去實現頁功能主要怕麻煩,但瞭解JQuery後這種想法發生了變化;有了這樣的指令碼組件就可以在編寫指令碼時方便和HTML隔離出來,這樣編寫高重用性的指令碼就更方便。下面就是介紹在學習JQuery過程中編寫的基於Ajax的資料查詢、排序和分頁功能的複用指令碼,只要遵循指令碼的某些規則描述HTML把指令檔引入就可以方便實現以上描述的功能。先看下實現功能的代碼:/**應用指令碼規則:引用指令碼: JQuery指令碼和JQuery的form外掛程式指令碼Form的ID:
Time of Update: 2017-01-19
不想用Easyui的樣式,但是想要他的表格功能,本來一開始是要到網上找相關外掛程式的,但是沒找到就開始自己寫,沒想到這麼簡單。後台代碼:(這個不重要)public ActionResult GetDictTypes(){ var data = from a in dbo.DictTypes select new DictTypeListViewModel { ID = a.ID, Name = a.Name,
Time of Update: 2017-01-19
這是AJAX開發中很常見的問題,如果你不是一直在用JavaScript架構做開發,相信你早就發現這個問題了。本文分析了兩個解決辦法,其中一個是講解jQuery架構的實現。 一、 問題描述 下面舉個簡單的例子,示範問題所在。在下面的例子中,假設變數responseText就是AJAX載入的HTML片段資料,其中包含指令碼彈出一條訊息,用innerHTML方法插入ID為ajaxData的DIV中,你可能期望看到彈出那個訊息框,結果你發現沒有,問題就是這樣。 複製代碼 代碼如下: <div
Time of Update: 2017-01-19
自從接觸了jquery就喜歡上了前端開發,而且深深感受到了前端開發的強大與重要之處。同時也想為asp.net鳴不平,事實上asp.net並沒有臃腫,說它臃腫的人無非是那些不瞭解它的人,可能他們看見過一些asp.net低級程式員在不斷往頁面裡拖控制項,然後發現產生的頁面中含有大量的垃圾代碼,而且幾乎把所有的邏輯處理都寫在了伺服器端,覺得伺服器壓力太大了。事實上,剛入門asp.net的人會有拖控制項的習慣,但是當你再深入你會發現,最終asp.net的開發模式還是跟PHP、jsp等其它web開發模式是
Time of Update: 2017-01-19
1:GET訪問 瀏覽器 認為 是等冪的就是 一個相同的URL 只有一個結果[相同是指 整個URL字串完全符合]所以 第二次訪問的時候 如果 URL字串沒變化 瀏覽器是 直接拿出了第一次訪問的結果POST則 認為是一個 變動性 訪問 (瀏覽器 認為 POST的提交 必定是 有改變的)防止 GET 的 等冪 訪問 就在URL後面加上 ?+new Date();,[總之就是使每次訪問的URL字串不一樣的]設計WEB頁面的時候
Time of Update: 2017-01-19
一旦您下載 並安裝了DAE (dynaTrace Ajax Edition), 您必須進入開始菜單裡面的程式組,找到dynaTrace。很明顯,首先要做的是錄入一個url連結,接下來,點擊播放表徵圖的按鈕,選擇“New Run Configuration”,錄入一個新的URL.
Time of Update: 2017-01-19
新的W3C策略實現了HTTP跨域訪問,還虧我找了很久的資料解決這個問題:只需要在servlet中返回的頭部資訊中添加Access-Control-Allow-Origin這個既可。比如我要開放所有我本地的跨域訪問,就設定如下:response.setHeader("Access-Control-Allow-Origin", "http://127.0.0.1/*");這樣我本地的A工程中的AJAX請求就可以跨域請求B工程中的servlet。代碼如下:HTML的JS的ajax請求:複製代碼
Time of Update: 2017-01-19
一、JSON的一些基礎知識。JSON中對象通過"{}"來標識,一個"{}"代表一個對象,如{"AreaId":"123"},對象的值是索引值對的形式(key:value)。 "[]",標識數組,數組內部各個資料之間通過","分割,如["AreaId":"123","AreaId":"345"]。很多情況下是對象數組,那就是這樣:複製代碼 代碼如下:[{"AreaId":"123"},{"AreaId":"345"}] 其實數組也是一個對象,上面的格式也可以寫成這樣:複製代碼
Time of Update: 2017-01-19
今天剛好看到Jquery的ajax提交資料到伺服器的方法,原文是: 儲存資料到伺服器,成功時顯示資訊。 jQuery 代碼: 複製代碼 代碼如下: $.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg ); } });
Time of Update: 2017-01-19
以下是封裝的一個處理函數,使用是也十分方便:檔案的名字命名為: jQuery.ajaxRequest.js .使用方法:複製代碼 代碼如下:$('._ajax').click(function(){ _ajax.request(this); return false; });var _ajax = { request: function(o){ &
Time of Update: 2017-01-19
html代碼 複製代碼 代碼如下: <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <title>試試</title> </head> <script type="text/javascript"> var data = { '1' : 'a001', '2' : 'a002', '3' : '
Time of Update: 2017-01-19
前言: 咋一看標題還挺長的呢,還有這麼多功能,其實簡化一點就是一個功能,非同步表單提交,只是在非同步表單提交這個大功能下,可以實現圖片上傳,類比ajax技術(其實很早以前就是通過這個方式來實現多瀏覽器的相容ajax,這裡只是懷懷舊,作為一個技術來玩玩),下面的內容需要有一定的js基礎,要不然理解起來會比較困難。 注意事項: 這是我bBank裡面的一個方法,現在我把他提取出來成一個通用方法來講解。 bBank 架構介紹:http://www.cnblogs.com/bruceli/archive/
Time of Update: 2017-01-19
X-Requested-With常用於判斷是不是ajax請求 但是有時我們會有需要刪除X-Requested-With的情況 下面介紹一種方式 js代碼 複製代碼 代碼如下: $.ajax({ url: 'http://www.zhangruifeng.com', beforeSend: function( xhr ) { xhr.setRequestHeader('X-Requested-With', {toString: function(){ return ''; }}); },
Time of Update: 2017-01-19
jsonp 解決的是跨域 ajax 調用的問題。為什麼要跨域 ajax 調用呢?這樣可以在一個應用中直接在前端通過 js 調用另外一個應用(在不同的網域名稱下)的 API。我們在實際應用中也用到了 jsonp ,但之前只知道 jsonp 的一個限制,只能發 get 請求,get 請求的弊端是請求長度有限制。今天,發現 jsonp 的另外一個限制(在jquery ajax的情境下) —— 不會觸發 $.ajax 的error callback,範例程式碼如下:複製代碼 代碼如下:$.ajax({&
Time of Update: 2017-01-19
在使用ajax進行留言的時候,出現了一個問題.因為留言內容寫完之後,通過ajax提交內容,同時使用js把留言的內容添加到頁面上來.瀏覽留言的時候也是通過ajax請求,然後再顯示的.這樣,如果有人在留言裡寫入了js語句,這結語句都會被執行.解決辦法就是對這些特殊字元進行轉義再顯示出來.如果在jsp中使用jstl標籤,就很簡單了.直接使用<c:out value=”${r.content}”
Time of Update: 2017-01-19
jquery提供的簡化版的ajax調用方法通常如下:複製代碼 代碼如下: function post() { $("#divWait").show(); $("#btnPost").attr("disabled", "disabled"); $.post("../PostIt.ashx",