主題:.NET2.0環境下的Ajax選型和應用 研究需要解決的問題: 1 Ajax 應用程式框架的選型及其效能對比 2 如何應用 Ajax 3 應用 Ajax 過程中應該著重注意的問題 研究者: Jimmy.Ke 時間: 2006-11-13 一 Demo說明 Ajax Demo Web Site 是一個完整的 .NET Website ,其中包含 5 個 ASPX 頁面及其對應的 CS 檔案。 為了方便對比, Demo 中使用了三種 Ajax 應用方式: 一是使用微軟提供的 Atlas
亂碼問題好像跟我們中國程式員特別有緣,一直困擾著我們,從開始的JSP亂碼問題,STRUTS亂碼問題,到現在的AJAX亂碼問題,無一不是搞得許多程式員焦頭爛額的,整天罵XXX產品對中文支援不了,UTF-8無法使用中文啊什麼的,其實這裡面被罵的產品中其實99%以上是對中文支援非常好的,而出現亂碼的原因只是因為自身對國際化支援以及檔案編碼等資訊的認識不知造成的。要知道一個產品那麼流行,怎麼可能對中文支援不了呢,下面就開始一一幫大家解決這些問題。 1 、編碼
本篇文章將向大家介紹如何通過jquery的load方法進行局部重新整理,load方法本身很簡單,但是想要結合到jfinal和bootstrap的公用項目中,需要我們多加努力了。首先我先來來說一下方案。$p.load(url,data,function(response,status,xhr))那麼我們需要提供ajax請求的回呼函數至少兩個參數url以及jquery對象。另外,我們還可能有地址欄重載的可能。location.href 所以,我們還需要提供一個參數。於是,我們封裝三個屬性//
jtemplate是一個基於JQuery的模板引擎外掛程式,功能非常強大,有了她你就再不用為使用JS綁定資料集而發愁了。主要思路,複製textarea作為模板,ajax載入json資料,添加模板,綁定資料,更新載入更多事件。//載入更多function fnLoad(data){listData.Ajax.data.target_page=parseInt(data.currentPage)+1;function
在jquery中的ajax有二個資料發送模式,一種是get,另一種是post()。jQuery Ajax 參考手冊執行個體請求 test.php 網頁,忽略傳回值:$.post("test.php");TIY 執行個體通過 AJAX POST 請求改變 div 元素的文本:$("input").keyup(function(){ txt=$("input").val(); $.post("demo_ajax_gethint.asp",{suggest:txt},function(result){
本文執行個體講述了Ajax上傳實現根據伺服器端返回資料進行js處理的方法。分享給大家供大家參考。具體如下:Ajax上傳說白了還是使用form表單提交,在當前頁面加一個iframe,將提交的內容跳轉到iframe中,造成一種頁面無重新整理的錯覺。以前也做過上傳,基本是是使用commons-fileupload組件,基本的步驟是使用servlet處理完上傳之後,使用PrintWrite的對象執行個體輸出顯示內容,可以是直接輸出內容,也可以是輸出script進行操作如複製代碼
不能用資料庫中的Top,後面發現了用這樣一個方法可以實現。。。現就這個方法總結寫了一個頁面。有興趣的朋友們可以一起學習下。。。。 前台代碼: 複製代碼 代碼如下:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ajaxRandomData.aspx.cs" Inherits="ajaxRandomData" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
上網找了一些資源,才弄明白這是編碼的問題,我的伺服器端發送過來的資料是GB2312編碼的,而AJAX把接收到的資料都當成UTF-8編碼的。 網上的很多解決方案都是伺服器端基於PHP、JSP等的,要改變這些的編碼方式都比較簡單。但是我的伺服器端是用了C編寫的CGI程式,用於嵌入式系統中的,所有的輸出都是用了printf。 最後找到一個在linux下的標頭檔<iconv.h>,它實現了各種編碼的轉換。使用方法如下: 複製代碼 代碼如下:int Gb2312toUtf8(char
本文執行個體講述了JavaScript基於Ajax實現不重新整理在網頁上動態顯示檔案內容的方法。分享給大家供大家參考。具體如下:下面的JS代碼是一個最基礎的JS的ajax實現,可以動態顯示伺服器上的檔案ajax_info.txt檔案的內容<!DOCTYPE html><html><head><title>sharejs.com</title><script>function loadXMLDoc(){var xmlhttp;
傳統網頁在註冊時檢測使用者名稱是否被佔用,傳統的校正顯然緩慢笨拙。當ajax出現後,這種體驗有了很大的改觀,因為在使用者填寫表單時,簽名的表單項已經發送給了伺服器,然後根據使用者填寫好的內容進行資料查詢。在查詢號無需頁面重新整理就自動給了提示。類似這樣的應用大大的提高了使用者的體驗,本節簡單介紹自動校正表單製作方法。從原理上分析ajax的作用。1.搭建架構首先為html架構複製代碼 代碼如下: <form
靜態頁面 複製代碼 代碼如下:<!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> <title>無標題頁</title> <script
使用scriptCharset即可解決問題,用contentType就不一定可以了。複製代碼 代碼如下:$.ajax({ url: testUrl, dataType: 'jsonp', type: 'post', scriptCharset:
複製代碼 代碼如下: <script> var xmlHttp; var BrowerType="ie"; function createXML(){ try{ xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e){ try{ xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); }catch(e2) { xmlHttp =false; } } if (!xmlHttp &&
學習 jQuery 基本原理,探索其特性和功能,執行一些常見的 Ajax 任務並掌握如何使用外掛程式擴充 jQuery。 jQuery 是什嗎? jQuery 由 John Resig 建立於 2006 年初,對於任何使用 JavaScript 代碼的程式員來說,它是一個非常有用的 JavaScript 庫。無論您是剛剛接觸 JavaScript 語言,並且希望獲得一個能解決文件物件模型(Document Object Model,DOM)指令碼和 Ajax
使用如上方法確實可以實現Ajax分頁效果,但我總覺得不夠簡潔,研究了一下午,終於搗鼓出了點東西O_o首先建立前台頁面MyAjaxPager.aspx 複製代碼 代碼如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MyAjaxPager.aspx.cs" Inherits="AjaxDemo.AjaxPager.MyAjaxPager.MyAjaxPager" %> <!DOCTYPE html
複製代碼 代碼如下:<script type="text/javascript"> function Ajax(){ var xhr; if(window.XMLHttpRequest){ xhr=new XMLHttpRequest(); }else{ try{xhr=new ActiveXObject("MSXML2.XMLHTTP.6.0");}catch(e){} try{xhr=new ActiveXObject("MSXML2.XMLHTTP");}catch(e){}
本例用了jquery.form.js請到示範頁面查看 CSS Code 複製代碼 代碼如下: <style> form { display: block; margin: 20px auto; background: #eee; border-radius: 10px; padding: 15px } #progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px;
context類型:Object這個對象用於設定 Ajax 相關回呼函數的上下文。也就是說,讓回呼函數內 this 指向這個對象(如果不設定這個參數,那麼 this 就指向調用本次 AJAX 請求時傳遞的 options 參數)。比如指定一個 DOM 元素作為 context 參數,這樣就設定了 success 回呼函數的上下文為這個 DOM 元素。就像這樣:$.ajax({ url: "test.html", context: document.body, success: function(
複製代碼 代碼如下: $("#test").click(function(e) { $.get( "/mgr/datacleaning/test", function(data) { console.log(data + " from $.get()"); } ); var xhr = new XMLHttpRequest(); xhr.open("GET", "/mgr/datacleaning/test"); xhr.onreadystatechange= function(e) { if
複製代碼 代碼如下: var xmlHttp; uName() //使用者名稱失去焦點時 { if(all.uname.=="") { all.l1.innerHTML="不可為空!"; setTimeout("close(1)",1500); return; } else { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); xmlHttp.onreadystatechange=deal; //回呼函數 var