Time of Update: 2017-01-19
複製代碼 代碼如下: var result = unescape(xmlhttp.responseText); var j = eval("(" + result + ")"); 不可以 var j = eval( result );JSON (JavaScript Object Notation)一種簡單的資料格式,比xml更輕巧。 JSON 是 JavaScript 原生格式,這意味著在 JavaScript 中處理 JSON 資料不需要任何特殊的 API 或工具包。JSON的規則很簡單:
Time of Update: 2017-01-19
1.Ajax Rain AjaxRain有很多完美整合AJAX, CSS, DHTML 或 Javascript的執行個體,有一些Demo的確值得你去看一看,即使你不是網頁設計(開發)師。2.Ajax Daddy Ajax Daddy收集了大量漂亮的Web2.0工具,其中一個使用的功能就是,在你把某個Ajax/Javascript執行個體應用在自己的網站上之前,你可以在它上面先看看效果示範。 3.Mini
Time of Update: 2017-01-19
ok,先來貼幾張張效果圖。 其中大致流程是使用者點擊頁面右上方的登入連結接著彈出div類比視窗,該視窗通過iframe調用Login.aspx頁面,使用者輸入使用者名稱 密碼和驗證碼後,Login.aspx頁面的jQuery代碼post到Login.ashx頁面處理,Login.ashx頁面可以算是簡易的aspx頁面吧。當然你用LoginProcess.aspx
Time of Update: 2017-01-19
首先,我們用一個樣本來說明JQuery的Ajax調用過程,實現的一個功能是:點擊確認支付按鈕之後,實現餘額支付的功能:1.首先在php頁面將相關需要調用的函數綁定到按鈕上:複製代碼 代碼如下:<input type="submit" name="pay_btn" id="pay_btn" value="確認支付" /><script type="text/javascript">$(function(){
Time of Update: 2017-01-19
前言: 咋一看標題還挺長的呢,還有這麼多功能,其實簡化一點就是一個功能,非同步表單提交,只是在非同步表單提交這個大功能下,可以實現圖片上傳,類比ajax技術(其實很早以前就是通過這個方式來實現多瀏覽器的相容ajax,這裡只是懷懷舊,作為一個技術來玩玩),下面的內容需要有一定的js基礎,要不然理解起來會比較困難。 注意事項: 這是我bBank裡面的一個方法,現在我把他提取出來成一個通用方法來講解。 bBank 架構介紹:http://www.cnblogs.com/bruceli/archive/
Time of Update: 2017-01-19
在用jquery處理html5的應用的時候,一直在firefox下測試都正常,使用者用pad訪問的時候說有亂碼,自己實驗了下果然,後發現chrome和ie核心下都是有此問題,此問題設定了頁面屬性為utf-8時候,只有firefox是傳的charset=utf-8的標頭檔chrome和ie都沒有指定,所以出現亂碼問題.解決方案:複製代碼 代碼如下:$.ajaxSetup({ contentType: "application/x-www-form-urlencoded;
Time of Update: 2017-01-19
jquery提供的簡化版的ajax調用方法通常如下:複製代碼 代碼如下: function post() { $("#divWait").show(); $("#btnPost").attr("disabled", "disabled"); $.post("../PostIt.ashx",
Time of Update: 2017-01-19
關於JSONP的概念和為什麼要使用JSONP網上已經有很多教程,這一節主要示範下在JQUERY中的ajax方法怎樣通過JSONP進行遠程調用 首先介紹下$.ajax的參數 type:請求方式 GET/POST url:請求地址 async:布爾類型,預設為true 表示請求是否為非同步,如果為false表示為同步。 dataType:返回的資料類型 jsonp:傳遞給請求處理常式或頁面的,用以獲得jsonp回呼函數名的參數名(一般預設為:callback)
Time of Update: 2017-01-19
1.後台action產生json資料。List blackList = blackService.getBlackInfoList(mobileNum, gatewayid, startDate, endDate); int totalRows = blackList.size(); StringBuffer sb = new StringBuffer(); sb.append("{\"totalCount\":\""+totalRows+"\",");
Time of Update: 2017-01-19
通過jQuery內建的AJAX功能,直接存取後台獲得JSON格式的資料,然後通過jQuer把資料繫結到事先設計好的html模板上,直接在頁面上顯示。我們先來看一下html模板:<table id="datas" border="1" cellspacing="0" style="border-collapse:
Time of Update: 2017-01-19
myscript.js複製代碼 代碼如下:var _autorun;var str = new Array('轉寄什麼','分享什麼','已轉寄','已轉發','己轉寄','繼續申請','在不','已發送','以轉寄','以分享','已分享','yv','bv','gv','pv','rv','你好','美女','索要','代碼','我要','要v','要加v');var isrun = false;var i=0;function start(){
Time of Update: 2017-01-19
load文法$(".selector").load("url", function(responseText, statusText, xmlhttprequest));可以做到載入一個頁面的時候,如果發生錯誤,根據statusText給出的狀態,顯示對應的提示,這對使用者來說非常重要。例子,load post代碼如下複製代碼 代碼如下:<div id=btnAjaxPost>點擊我</div><div
Time of Update: 2017-01-19
jquery的ajax非同步請求接收返回json資料方法設定簡單,一個是伺服器處理常式是返回json資料,另一種就是ajax發送設定的datatype設定為jsonp格式資料或json格式都可以。程式碼範例如下:複製代碼 代碼如下:$('#send').click(function () { $.ajax({ type :
Time of Update: 2017-01-19
執行個體從 test.js 載入 JSON 資料並顯示 JSON 資料中一個 name 欄位資料:複製代碼 代碼如下:$.getJSON("test.js", function(json){ alert("JSON Data: " + json.users[3].name);});定義和用法通過 HTTP GET 請求載入 JSON 資料。在 jQuery 1.2 中,您可以通過使用 JSONP 形式的回呼函數來載入其他網域的 JSON 資料,如
Time of Update: 2017-01-19
本文執行個體講述了jQuery中ajax的post()方法用法。分享給大家供大家參考。具體分析如下:$.post() 方法通過HTTP POST請求從伺服器上請求資料。文法結構:複製代碼 代碼如下:$.post(URL,data,callback);參數解析:1.URL:必須,規定請求的URL。2.data:可選,規定連同請求發送的資料。3.callback:可選,規定請求成功後所執行的函數名。代碼執行個體:複製代碼 代碼如下:<!DOCTYPE html><html>&
Time of Update: 2017-01-19
今天在工作的時候遇到一個問題,頁面中公司名稱是在項目名稱選擇後用ajax讀取出來的。但是jqtransform是在頁面載入完成後調用的,所以導致了公司名稱下拉框無法展示最新的資料。<link rel="stylesheet" href="${ctx}/jqtransformplugin/jqtransform.css" type="text/css"></link> <script type="text/javascript"
Time of Update: 2017-01-19
很慶幸,我又見到了末日後新升的太陽,所以我還能在這裡寫文章,言歸正傳哈,最近做了一個項目,需要用子網域名稱調用主網域名稱下的一個現有的功能,於是想到了用jsonp來解決,在我們平常的項目中不乏有這種需求的朋友,於是記錄下來以便以後查閱同時也希望能幫到大家。什麼是JSONP協議? JSONP即JSON with
Time of Update: 2017-01-19
XXX平台要實現一個功能,公告彈出頁面上使用複選框設定不再通知此類公告。 原理:<input type="checkbox" id="isSelect" name="isSelect" value="10" onclick="javascript:noTips();"/>,checkbox選中後提交表單,那麼struts2的Action中isSelect就為'10',不選中提交表單isSelect為null。 1.jsp頁面<form id="form1"&
Time of Update: 2017-01-19
前台用AJAX直接調用後台方法,老有人發帖提問,沒事做個樣本下面是做的一個前台用JQUERY,AJAX調用後台方法做的無重新整理串聯功能表CasMenu.aspx頁面:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CasMenu.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Time of Update: 2017-01-19
雖然也使用了Prototype.js來編寫,但是由於對它的不瞭解,類的實現仍然是使用了《JavaScript進階程式設計》裡的方法。使用AJAX進行資料驗證時,最初使用的是XML來當資料來源,然而在使用了一段時間後,發現XML效率太低,於是又使用JSON來做為資料來源。一年過去了,客戶又提出了新的需求,最初是只要輸入框的兩個資料相符就行,現在的要求是兩個下拉式功能表的資料也要相符,於是,我利用此機會,將代碼重構了一次。 需求: