這段時間公司作了一個三月活動 「一塊兒來畫畫」jquery
今天終於上線了了 總結一下這段時間的表現 以及遇到的問題和解決方案 給本身也給須要的大家ajax
表現:json
這個活動是我首次本身獨自完成js部分 之前都是有小夥伴 陪伴,感受本身還不錯 能後按時完成(固然項目也不難),遇到bug能本身解決,代碼的質量比之前強一點(除了埋點部分),還有一個問題就是想到的少,但願之後本身能多想點跨域
缺點:服務器
1.理解問題的邏輯async
例:首頁有一個按鈕 須要根據後臺返回值來判斷顯示什麼樣子的按鈕 添加class ,我一開始的思路是先讓按鈕顯示一個,而後再根據狀態值 改變class, 可是這個樣子就有一個問題每次刷新頁面, 老是先有一個按鈕 ,等一會有按鈕樣子會變化,效果不是很好,post
解決:一開始就不顯示按鈕,等到請求完狀態再顯示測試
例:搜索關鍵字,出數據,我一開始想 若是什麼都沒有輸入 ,就不能搜索須要提示輸入內容,但其實不是編碼
解決:由內容能夠搜索,沒有內容就搜索所有url
看了上面的是否是以爲我這我的很笨啊 ,我也是這樣以爲。
遇到的問題:
1.第一個就是上傳圖片顯示,上傳完畢預覽
在網上搜了一段代碼 有filereader 顯示,轉64位編碼,在這裏默默感謝寫這段代碼的人。
2.form表單提交,須要跳轉到我指定的頁面,不能讓後臺跳轉
解決方案用ajaxSubmit 還須要引入jquery.form.js
var options = { url: 「」, //用於文件上傳的服務器端請求地址 async : true, data:{}, type:"post", dataType:"json", success : function(res) { //在這裏判斷狀態跳轉頁面 }, error : function(result) { console.log(result) } }; form.ajaxSubmit(options); //form指的是formId什麼的
可是這個有一個缺點就是不能跨域,我測試的時候不能跨域 跨域了就怎麼也不能提交了
3.還有一個其實也不是問題,是需求就是在手機上顯示頁面 搜索的時候 IOS鍵盤不是會出現搜索嗎 想要這個效果
解決:
給你搜索的輸入框加上<form onsubmit="return false"></form> 加上這個就會出現搜索樣子
可是必定要寫onsubmit="return false" 要不點擊完就reload 頁面
4.還有一個須要獲取IP地址
我引入了這個js <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
調用returnCitySN["cip"]
就沒有什麼了
PS: 再上傳那裏遇到一個問題就是圖片太大了 就不能上傳了 ,firebug 就會報一個 什麼超出限制 大概就是這個 內存不夠了什麼的
咱們的解決方案是後臺的人員修改了 struts.xml裏面的struts.multipart.maxSize 把它改大點
嗯………… 就這樣吧 大概就是這些