本臺插播一條重要新聞，下面寫的東西中，用紫色標註的都TM有問題(關於onpropertychange問題，select聯動的change是可以觸發到的)，我去年買了個大滑鼠，網上的東西不能輕信，關鍵onsubmit那個是從w3c上看到的，是我理解錯了，還是IE出補丁了，還是本就瀏覽器相容問題，以後一定要對自己寫的東西負責啊，大書包

1.JS檔案飄紅，clean一下就OK了，一般都是IDE的問題

2.路徑問題

：在Servlet中，"/"代表Web應用的跟目錄。和物理路徑的相對錶示。例如："./" 代表當前目錄,"../"代表上級目錄。

需要呼叫web-inf下的js  用絕對路徑掉，或者要用 request 取專案路徑 然後拼出js的路徑來調

3.request獲取路徑:轉自ItEye

4.form表單提交 

4.1 dom中submit

html DOM中

Submit 物件代表 HTML 表單中的一個提交按鈕 (submit button)。

在 HTML 表單中 <input type="submit"> 標籤每出現一次，一個 Submit 物件就會被建立。

在表單提交之前，觸發 onclick 事件控制代碼，並且一個控制代碼可以通過返回 fasle 來取消表單提交。

您可以通過遍歷表單的 elements[] 陣列來訪問某個提交按鈕，或者通過使用document.getElementById()，或者使用jquery。來得到這個submit物件

formObject.submit()

該方法提交表單的方式與使用者單擊 Submit 按鈕一樣，但是表單的 onsubmit 事件控制代碼不會被呼叫。

Form 物件的 onsubmit 屬性指定了一個事件控制代碼函式。當用戶單擊了表單中的 Submit 按鈕而提交一個表單時，就會呼叫這個事件控制代碼函式。注意，當呼叫方法Form.submit() 時，該處理器函式不會被呼叫。

如果 onsubmit 控制代碼返回 fasle，表單的元素就不會提交。如果該函式返回其他值或什麼都沒有返回，則表單會被提交。

提示：由於 onsubmit 控制代碼可以取消表單的提交，所以它對於進行表單驗證是十分理想的。

提示：可以用iframe來實現無重新整理提交表單

＜form action="*****.action" id="form1" name="form1" encType="multipart/form-data"  method="post" target="hidden_frame" ＞   
    ＜input type="file" id="file" name="file" style="width:450"＞   
    ＜INPUT type="submit" value="上傳檔案"＞＜span id="msg"＞＜/span＞   
    ＜br＞   
    ＜font color="red"＞支援JPG,JPEG,GIF,BMP,SWF,RMVB,RM,AVI檔案的上傳＜/font＞                 
    ＜iframe name='hidden_frame' id="hidden_frame" ＞＜/iframe＞   
＜/form＞   

    4.2 引用jquery.form.js，是要在1.7以上(on函式是在1.7以上才支援的)？忘了 

好處是可以有成功失敗等回撥函式，最關鍵的是可以指定重新整理區域，比如下面的修改 頭像完了，重新整理頭像的例子

'<form id="updateUser"  method="post" action="addOrUpdateUserInfo.view" enctype="multipart/form-data"> ',
'<input type="file" id="uploadImg" name="uploadImg" class="filetext"/>',
'<a id="submitImage" class="ckm-btn " disabled="disabled">提交</a>',
'<span></span>',
'</form>',

var options = {   
target:        '#mydiv',   // 需要重新整理的區域  
//beforeSubmit:  showRequest,  // 提交前呼叫的方法  
//success:       showResponse  // 返回後笤俑的方法  
// other available options:   
//url:       url         // 提交的URL, 預設使用FORM  ACTION   
//type:      type        // 'get' or 'post', override for form's 'method' attribute   
//dataType:  null        // 'xml', 'script', or 'json' (expected server response type)   
//clearForm: true        // 是否清空form  
//resetForm: true        // 是否重置form  
// $.ajax options can be used here too, for example:   
//timeout:   3000   
};   

$("#submitImage").on("click",function(){
	$("#addOrupdateUser").ajaxSubmit(personalOptions);
}) 
$("#uploadImg").on("propertychange",function(){
	$("#submitImage").next().text("");
	$("#submitImage").removeAttr("disabled");
});
function showPersonal(){
	$("#personalImg").attr("src","queryImageById.view?refresh="+Math.random());
	$("#submitImage").attr("disabled","disabled").next().text("提交成功");
}

'<img id="personalImg" class="personalImg"  src="queryImageById.view?refresh="'+Math.random()+'/>'

1.propertychange 是IE8獨有屬性，
這個問題來自IE(LTE8)中對checkbox和radio change事件的實現問題，在IE(LTE8)中測試下來，當你點選一個checkbox或者radio，它的change事件是不會立即觸發，除非你讓它失去焦點，而在其他標準瀏覽器中(包括IE9)，是點選後立即觸發change事件的，這的確是個蛋疼的問題，說到解決方法，倒也比較容易，用IE(LTE8)中元素特有的propertychange事件來處理(IE9已經沒這玩意兒了)，就能避免上述問題，如：
checkEl.attachEvent('onpropertychange', function() {
console.log('hey man, I am changed');
});
 但是這樣就認為解決了，是不充分的，因為像checkEl.setAttribute('data-value', 'god')這樣的操作也會觸發其propertychange事件，所以我們需要用其event.propertyName來判斷下，如：
checkEl.attachEvent('onpropertychange', function() {
if(window.event.propertyName == 'checked')
console.log('blah blah blah...');
});
2.加上Math.random()的目的是讓每次請求不同
瀏覽器會把請求快取，如果你的請求相同，他會優先讀快取，所以加上一個隨機數，儘量保證每次請求的URL都不同