Time of Update: 2017-01-19
Ajax 這個詞聽了不少,但是其實並沒有真的接觸過,於是在這裡稍微瞭解一下。 Ajax技術的創新之處在於,改善了傳統的“請求-等待-響應-重新整理-返回資料”模式,在資訊返回之前,使用者可以繼續自己的操作,當前頁面不會因為請求而重新整理。這樣大大的提高了互動性。 Ajax其實並不是一個技術,而是由許多技術組成的。最大的特色之一就是可以非同步傳輸,實現多線程服務。 Ajax的非同步傳輸,依靠的是js中的XMLHttpRequst對象,於是我們從它入手。
Time of Update: 2017-01-19
本文執行個體講述了Yii基於CActiveForm的Ajax資料驗證用法。分享給大家供大家參考,具體如下:1. 視圖定義form表單開啟ajax驗證$form = $this->beginWidget('CActiveForm', array( 'id'=>'zdzone-form', 'enableAjaxValidation'=>true,//開啟ajax驗證 'enableClientValidation'=>true,//開啟用戶端驗證,產生js
Time of Update: 2017-01-19
本文執行個體講述了Yii+upload實現AJAX上傳圖片的方法。分享給大家供大家參考,具體如下:控制器代碼:/*** get ajax uploaded files.*/public function actionGetAjax(){ $model=new Attachment();//載入附件模型 $tmpFile = CUploadedFile::getInstanceByName('image');//讀取映像上傳域,並使用系統上傳組件上傳 $Directroy =
Time of Update: 2017-01-19
以前無聊寫過一個小東西,其中有一個功能就是添加使用者,當時並沒有考慮使用者名稱重複的問題,今日閑來無事,打算利用ajax的非同步重新整理來校正使用者名稱是否存在。自己也是新手,剛剛大三,哈哈寫的不對的地方請指出。放上效果圖:首先是編寫前的準備我並不是用原生的js來寫的ajax而是用的jqueryeasyUI架構中的ajax,所以在使用之前就必須要引入jquery的js檔案。 <link rel="stylesheet" type="text/css"
Time of Update: 2017-01-19
先前,我從網上下載了一個jQuery的Ajax上傳外掛程式,網頁的左側是上傳分類,想要實現的一個功能是如此這樣的:我本來是打算在服務端根據上傳分類建立不同的檔案夾來儲存檔案的,因此這個就需要傳一個上傳分類參數給後台。這些上傳分類是從資料庫讀出,用repeater產生的。當點擊其中一個分類時就給他設定一個樣式,並且將這個分類的名字儲存到一個變數uploadCatlog中。我可以取到分類並傳給後台,但是很奇怪的是只有第一次是正確的,以後的每次參數都不更新。其實在上傳外掛程式的onComplete回呼
Time of Update: 2017-01-19
代碼如下:我寫了個方法,用於查詢結果,但debug過程中發現結果集有資料,我如何通過變數擷取呢? JScript code 複製代碼 代碼如下: function getChildNodeArrayByParentID(categoryCode) { $.ajax( { type: "get", url: "DynamicMenuItemsHandler.ashx", data: { MenuItemCode: categoryCode }, async: false, success:
Time of Update: 2017-01-19
附上代碼如下: JScript code: 複製代碼 代碼如下: $.ajax({ type: "post", url: "jsp/loginManager.jsp", data: "name=" + $('#rname').attr('value') + "&pwd=" + $('#pwd').attr('value'), dataType: "text", success: function(data) { alert(data); } });
Time of Update: 2017-01-19
我每次建立一個對象,都要這樣複雜嗎?如下代碼: JScript code: "testAjax.htm" 檔案: 複製代碼 代碼如下: <html> <body> <script type="text/javascript"> function ajaxFunction() { var xmlHttp; try { // Firefox,Opera 8.0+,Safari xmlHttp=new
Time of Update: 2017-01-19
一些簡單的代碼簡化 下面是一個簡單樣本,它說明了 jQuery 對代碼的影響。要執行一些真正簡單和常見的任務,比方說為頁面的某一地區中的每個連結附加一個單擊(click)事件,您可以使用純 JavaScript 代碼和 DOM 指令碼來實現,如 清單 1 所示。 清單 1 :沒有使用 jQuery 的 DOM 指令碼 複製代碼 代碼如下: var external_links = document.getElementById('external_links'); var links
Time of Update: 2017-01-19
一個全域的變數var JsonData; 我這裡有一個Ajax處理的方法: JScript code: 複製代碼 代碼如下: function GetJson(DataSourceName) { $.ajax({ type: “post”, url: “Ajax/AjaxData.ashx?MethodName=” + DataSourceName, contentType: “application/json;”, data: “”, dataType: “json”, success:
Time of Update: 2017-01-19
最終實現的效果是一個目錄檔案查看器,如圖所示: 其原理是,當使用者單擊一個目錄的時候,將這個目錄的路徑發送給伺服器端,伺服器端返回這個目錄中的檔案和目錄資訊。在伺服器端,定義一個如下的類來表示要傳遞的檔案資訊: 複製代碼 代碼如下: public class FileInformation { public string FullPath { get; set; } public string Name { get; set; } public string Info {
Time of Update: 2017-01-19
在以往我們在做ajax時,都要藉助於一般處理常式(.ashx)或web服務(.asmx),並且每一個請求都要建一個這樣的檔案.這樣建一大堆ashx檔案,比較麻煩,多了看起來也不爽.現在我們可以藉助webMethod方法來使ajax實現起來更加簡練1,既然要用WebMethod,那肯定就少不了引用一下命名空間了using
Time of Update: 2017-01-19
一、Ajax所有過程事件分析 JQuery在執行Ajax的過程中會觸發很多事件。 這些事件可以分為兩種事件,一種是局部事件(Local),一種是全域事件(Global)。 局部事件:可以通過$.ajax來調用,你某一個Ajax請求不希望產生全域的事件,則可以設定global:false。 全域事件:跟click等事件類別似,可以綁定到到每一個DOM元素上。
Time of Update: 2017-01-19
一朋友委託我幫他投票,地址在: http://publish.sina.com.cn/04/13/413/search.php 投票的連結是: http://publish.sina.com.cn/poll.php?p_id=413&t_id=119 我於是做了下面一段代碼,做成工作管理員,每隔1分鐘開啟一次,再自動關閉視窗,但實際運行下來,卻無效果,不知問題出在哪裡? 複製代碼 代碼如下:<html>
Time of Update: 2017-01-19
廢話不多說了,關鍵代碼如下所示:<script> $('.screenshot_input').change(function (){ //擷取file對象 即相當於可以直接post的$_FILES資料 var domFile = $(this)[0].files[0] var domForm = $('#testForm')[0] //將form對象直接作為參數 new FormData對象 var formData = new FormData(domForm);
Time of Update: 2017-01-19
今天在寫一個檢查使用者名稱的功能時,使用的是jQuery.post( url, [data], [callback], [type] )這個函數,但是發現其中的回呼函數不能執行。先來看看My Code:前台代碼:<script type="text/javascript">function checkUser() {var user = $('#<%=txtUser.ClientID %>').val();$.post('checkUser.ashx', {
Time of Update: 2017-01-19
一,$.get(url,[data],[callback])說明:url為請求地址,data為請求資料的列表,callback為請求成功後的回呼函數,該函數接受兩個參數,第一個為伺服器返回的資料,第二個參數為伺服器的狀態,是選擇性參數。而其中,伺服器返回資料的格式其實是字串形勢,並不是我們想要的json資料格式,在此引用只是為了對比說明$.get("data.php",$("#firstName.val()"),function(data){$("#getResponse").html(data
Time of Update: 2017-01-19
使用JQuery對多個ajax請求串列執行。HTML代碼:<a href="#">Click me!</a><div></div> JS:function GetSomeDeferredStuff() {var deferreds = [];var i = 1;for (i = 1; i <= 10; i++) {var count = i;deferreds.push($.post('/echo/html/', {html: "<p&
Time of Update: 2017-01-19
前面我們講述了yii2中如何使用modal以及yii2 gridview列表內更新操作如何使用modal的問題,本以為modal要告一段落可以開始新的話題了,但是實際問題往往超乎想像,這不modal彈窗提交的表單說是怎麼驗證的問題又出來了,又出來了!首先撇開modal不談,我們就yii2
Time of Update: 2017-01-19
解決跨域調用服務並設定headers 主要的解決方案需要通過伺服器端設定回應標頭、正確響應options請求,正確設定 JavaScript端需要設定的headers資訊 方能實現。1.第一步 服務端設定回應標頭,在webapi的web.config做如下設定<system.webServer><httpProtocol><!--跨網域設定開始--><customHeaders><add name="Access-Control-Allow-