Ajax

在利用Ajax進行頁面某一部分進行非同步重新整理的時候，經過抓包，可以發現一個問題就是：如果表單的內容毫無變化，它並未向伺服器發出請求，而是向瀏覽器緩衝發送的請求，從而提取的內容，這是瀏覽器的一種內部預設機制，但是有時候，我們不需要這樣做，需要的是每次都是向伺服器發送請求，進過學習，發現有兩種方式可以實現禁止緩衝： 1：發送請求的同時發送一個動態資料，所謂動態，就是一直變化，例如Date（）；這樣每次發送的請求就“不一樣”，從而間接的實現了禁止緩衝，以下是一個例子：  

廢話不多說，代碼如下： Ajax.jsp代碼   <%@ page language="java" import="java.util.*" pageEncoding="GBK"%> <html>   <head>      <script language="javascript">

ajax02.html 用戶端 <!DOCTYPE html><!--用戶端--><!--課件_48.第九章：Ajax技術[3]-初探瀏覽器原生Ajax介面(3).rar--><!--處理伺服器響應的資料--><html id="html"><head> <meta charset="utf-8" /> <title>demo</

1.mysql資料庫 2.json的六個架包匯入 json-jar包下載 3.Servlet後台dopost方法 查詢到list對象之後： JSONArray jsonArray = JSONArray.fromObject(list);        response.getWriter().print(jsonArray.toString()); 進行json轉化

ajax02.html 用戶端 <!DOCTYPE html><!--用戶端--><!--課時47初探瀏覽器原生Ajax介面(2)_2--><!--使用post方式傳資料給伺服器，並返回資料--><html id="html"><head> <meta charset="utf-8" />

學習要點： 1.Ajax 概述 2.load()方法 3.$.get()和$.post() 4.$.getScript()和$.getJSON() 5.$.ajax()方法 6.表單序列化

跨域說通俗點就是在A網中使用ajax去擷取B網站的特定內容，這個就是跨域。跨域有兩種形式，一種是同一ip不同連接埠的跨域，一種是不同ip的跨域。 現在說說項目中用到的解決跨域檔案上傳的方法，中間遇到的各種坑就不說了；該上傳方法適用上述兩種情形。 注意該架構用的是nginx作為web伺服器。 前端html<form id="fp" action="" method="post"

搭建環境 這裡使用maven匯入jar包： <dependencies> <!--檔案上傳--> <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3.2</version> </

Java代碼： Student stu1=new Student(); stu1.setName("Ajax1"); stu1.setSex("nan"); stu1.setAge(22); Student stu2=new Student(); stu2.setName("Ajax2");

　　採用Ajax傳遞資料時，通常會將資料整理為data="var1=abc&var2=def"。而當資料中存在加號(+)或是串連符(&)時，伺服器端接收資料時會有部分資料丟失現象。 　　分析一下Ajax傳遞資料的格式與Javascript的文法不難發現： 　　1. "+"號：JavaScript解析為字串串連符，所以伺服器端接收資料時"+"會丟失。 　　2.

Ajax 資源中心   基本的實現方法 var xmlHttp = false;//如果使用較新版本的 Internet Explorer，則需要使用對象 Msxml2.XMLHTTP，而較老版本的 Internet //Explorer 則使用 Microsoft.XMLHTTP。非IE則需要XMLHttpRequest。try {  xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");} catch

首先分享當時尋找到的資源(10個jquery ajax檔案上傳外掛程式，有的外掛程式商用會收費，注意著作權)：http://superdit.com/2010/06/29/10-jquery-ajax-file-uploader-plugins/ 當時自己的需求是一次上傳多個圖片以及其他表單輸入資料，經過對每個外掛程式的試用最後選擇了第十個外掛程式也就是jqupload:http://jqframework.com/jqupload

xml檔案 myfile.xml <?xml version="1.0" encoding="utf-8" ?> <List>   <CB cname="北京" cid="1">     <CS cname="北京"

基於瀏覽器的應用程式框架一般分為兩種： Aplication frameworks:提供了瀏覽器功能，但其最著名的還是在於通過視窗產生組件建立案頭GUI。 Infrastructural frameworks:提供基本的架構功能和輕便式瀏覽器端操作，讓開發人員去建立具體應用，主要功能包括： 基於XMLHttpRequest組件的瀏覽器互動功能 XML解析和操作功能

樹型菜單可以說是項目中應用最為廣泛的運用。以前無論使用微軟控制項的樹型，還是比較優秀的阿賴樹型，都是將資料全部讀出，然後再分級顯示。這樣如果資料量大，那麼第一次顯示將需要客戶等待很長一段時間，降低了客戶的體驗度。如今使用ajax，事情變得簡單了。    此運用參考了《征服web2.0開發技術詳解》的例子。

首先從http://code.google.com/p/ext-basex/下載ext-basex 指令檔，解壓後按照說明readme檔案的方法引用EXT庫和ext-basex。 <head> <link rel="stylesheet" type="text/css" href="../lib/ext-3.0+/resources/css/ext-all.css" /> <script

Dr. Dobbs網站最近刊登了一篇關於如何選擇Ajax架構的案例分析，取自T. Rowe Price的一個Team Dev。該團隊評估了在他們的下一代應用中可選用的幾個熱門Ajax架構： Dojo 0.3.1（dojotoolkit.org）； Prototype和Scriptaculous 1.4（www.prototypejs.org和script.aculo.us）； Direct Web Reporting 1.0（getahead.org/dwr）；

Ajax架構介紹到此為止，你可能已經注意到，使用Ajax編程時有很多麻煩事。如果你要支援多個瀏覽器（現在還有誰只支援一個瀏覽器呢。），無疑會遭遇不相容問題。單看一個簡單的動作，比如說建立XMLHttpRequest對象的一個執行個體，這需要先進行瀏覽器測試。一旦開始嘗試使用Ajax技術，你很快就會注意到要反覆地完成同樣的一些任務。當然，你可以收集一些常用程式碼程式庫，甚至建立自己的架構。不過，做這個工作之前，需要先瞭解一下現在已經有些什麼了。與所有優秀技術一樣，Ajax已經催生出大量架構，有了這

var getJSON=function (url) { var promise=new Promise(function (resolve,reject) { var client=new XMLHttpRequest(); client.open("GET",url); client.onreadystatechange=handler; client.responseType="json"

index.jsp <%@ page language="java" pageEncoding="UTF-8"%><html> <head> <title>二級菜單聯動示範</title> <script type="text/javascript"> var req;