總結(活動)

這段時間公司作了一個三月活動 「一塊兒來畫畫」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  把它改大點

 

嗯…………  就這樣吧 大概就是這些

相關文章
相關標籤/搜索