Ajax

如下： 1：非Ajax前台：對應後台：2：JQuery之Ajax在介紹使用JQuery提交表單前，我們需要首先引用jquery.form.js，它來自於http://www.malsup.com/jquery/form/，至此，我們需要引用的JS檔案有：功能要求：Ajax提交表單，在控制器HelloWorld4Controller中處理請求，並返回若干資料，資料格式為JSON。首先，我們假設返回的JSON實體為：複製代碼 代碼如下:public class LoginResultDTO {

load 複製代碼 代碼如下:$("#result").load("aaaa.asp #ccc"); get 複製代碼 代碼如下:$.get("aaaa.asp", { action:"get",name:"lulu" }, function(data, textStatus){ $("#result").html(data); //alert(this); //alert(data); //alert(textStatus); }); post 複製代碼

複製代碼 代碼如下:<script src="../js/jquery-1.4.2.js" type="text/javascript"></script> <script type="text/javascript"> function chlink() { var url = "../handler/userfirend.ashx"; $.get(url, function(data) { var data1 = data.toString(); $("#

Ajax是“非同步javascript和XML”的縮寫已經眾所周知，然而雖然XML是看上去的重要組成部分，它卻不是必須的。一位資深的軟體工程師Douglas Crock ford 開發了一個內建於 javascript 的資料格式，稱為javascript 對象表示（JSON，javascript Object Notation），意思是直接使用Ajax對象來傳遞資訊，可以讀作“Jason”。 1. 什麼是 JSON JSON概念很簡單，JSON 是一種輕量級的資料格式，他基於

複製代碼 代碼如下:function actsAsDecorator(object) { object.setupDecoratorFor = function(method) { if (! ('original_' + method in object) ) { object['original_' + method] = object[method]; object['before_' + method] = [ ]; object['after_' + method] = [ ];

產生Asp.Net MVC架構後，已經包含了jQuery指令碼，相關環境設定可參看我的另一篇文章：Asp.Net MVC執行個體。這裡，我們仍然藉助執行個體中的環境。在產生的架構中的Scripts檔案夾中已經可以看到jQuery的指令碼。我們在TestModel.cs中建立一個函數，以取得Json資料，仍然使用Tets表，包含兩個欄位：Id和Name。 複製代碼 代碼如下://JsonDataArray public static Array GetJsonArray(String name)

請求方式，分為GET與POST： GET 最為常見的HTTP請求，普通上網瀏覽頁面就是GET。GET方式的參數請求直接跟在URL後，以問號開始。（JS中用window.location.search獲得）。參數可以用encodeURIComponent進行編碼，使用方式: var EnParam = encodeURIComponent(param);

複製代碼 代碼如下://匯入js檔案 function getResult(url, ready) { var xmlHttp; var r = function() { if (xmlHttp.readyState == 4) { if (xmlHttp.status == 200) { //alert(isIE); var xmlstr; var xmldoc; var isIE = !!(window.attachEvent && !window.opera); if

最終實現的效果是一個目錄檔案查看器，： 其原理是，當使用者單擊一個目錄的時候，將這個目錄的路徑發送給伺服器端，伺服器端返回這個目錄中的檔案和目錄資訊。在伺服器端，定義一個如下的類來表示要傳遞的檔案資訊： 複製代碼 代碼如下:public class FileInformation { public string FullPath { get; set; } public string Name { get; set; } public string Info { get; set; }

下面說一下，最近在使用jquery 1.4中使用$.ajax()方法解析json對象遇到的問題。 Json對象是： 複製代碼

一、AjaxSample.aspx 處理業務資料，產生XML資料，供JqueryRequest.aspx調用，代碼如下: 複製代碼 代碼如下:protected void Page_Load(object sender, EventArgs e) { string uid = Request.QueryString["username"]; string pwd = Request.QueryString["password"]; Response.ContentType =

在網頁指令碼編程中，絕大多數情況應該使用非同步模式；同步模式將會掛起當前的指令碼引擎，所以當你使用同步模式時，你應該明白自己要什麼。而在C++開發中，同步模式應該是主流，如果一定要使用非同步模式加回調，可以參考Using IXMLHTTPRequest onreadystatechange from C++一文。 下面是採用非同步模式擷取遠程主機上RSS檔案的代碼，關鍵的地方是設定一個回呼函數給IXMLHTTPRequest::onreadystatechange。為了防止指令碼過早退到控制台，

ok，先來貼幾張張。 其中大致流程是使用者點擊頁面右上方的登入連結接著彈出div類比視窗，該視窗通過iframe調用Login.aspx頁面，使用者輸入使用者名稱 密碼和驗證碼後，Login.aspx頁面的jQuery代碼post到Login.ashx頁面處理，Login.ashx頁面可以算是簡易的aspx頁面吧。當然你用LoginProcess.aspx

之前實現AJAX使用Javascript指令碼一個一個敲出來的，很繁瑣。學習Jquery之後就感覺實現AJAX並不是那麼的困難了，當然除了Jquery架構外還有其它的優秀架構這裡我就著重說下比較流行的Jquery。Jquery

傳統ajax Code 複製代碼 代碼如下:<script language="javascript"> var xmlHttp; function createXMLHttpRequest(){ if(window.ActiveXObject) xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); else if(window.XMLHttpRequest) xmlHttp = new XMLHttpRequest(); }

先列舉一下Ajax在Jquery和prototype中的實現。 Jquery： 複製代碼 代碼如下:<script language="javascript"> $(function(){ var box = {}; var remoteUrl = 'index.php'; box.interval = 5*60*1000;//5分鐘 box.showBoxInfo = function() { jQuery.get(remoteUrl, function(data){ var

複製代碼 代碼如下:/** * <p>pagination.js * <p>通用的基於AJAX的分頁類 * @author jeanwendy * @version 1.0 */ var paginationIndex = 0; var pagination = function(trTemplatId) { $().ajaxStart(function() { $.blockUI({ message :

一、 封裝的JS檔案 //******************************************************** //建立日期: 2009-03-10 //作 者: oloen //內容說明:　自動完成JS類 //用法： // var auto = new autoComplete(用戶端ID); // auto.Init(document.all.用戶端ID); //***************************************************

到此就可以就發送請求讀取伺服器端的XML資料了，最後要做的就是處理資料了。 關於XMLHttpRequest對象，請參考About XMLHttpRequest Object一文。 看例子： //AjaxDemo.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

阻塞的AJAX請求　　我們先來證實一下請求的阻塞情況吧。我們使用如下的代碼：連續發起三個請求function simpleRequest(){ var request = new XMLHttpRequest(); request.open("POST", "Script.ashx"); request.send(null);}function threeRequests(){ simpleRequest(); simpleRequest();