後面接shop--7.店鋪編輯和列表--更新店鋪的資訊 前端實現 js
首先要有初始化的url，一載入此js，就執行此url，進行初始化
initurl中的getshopinitinfo 是獲取店鋪分類和區域資訊，進行前端的店鋪分類和所屬區域的下拉列表的初始化
registershopurl 是進行店鋪的註冊，即在前面的web-inf/html/shop/shopoperation.html中新增的資訊，通過此url返回給後台的controller處理，進行店鋪的註冊
其中js其實就是乙個靜態頁面，使用script標籤嵌入到html頁面中
注意，在這裡之前有編寫錯誤，.data('id')後面加了 ; 導致js頁面不能載入，又不報錯，覺得好無奈哦，居然不報錯。唉。只怪自己太大意了。
這個js是在html頁面載入時就呼叫相應的url，來載入店鋪的初始化資訊的。
js頁面的除錯：執行tomcat，在chrome中按f12，找到sources，在其中找到js頁面，然後打上斷點就可以了，f10是步過，f8是跳過
其中加入了
getshopinitinfo() 獲取店鋪初始資訊
getshopinfo(shopid) 通過傳入的shopid，查詢shop的資訊，然後獲取到js頁面中，為後面修改shop資訊做準備
$('#submit') 提交店鋪資訊的按鈕
$(function() else/*此方法是獲取店鋪分類和區域資訊，進行前端的店鋪分類和所屬區域的下拉列表的初始化*/
function getshopinitinfo() );
data.arealist.map(function (item, index) );
$('#shop_category').html(temphtml);
$('#area').html(tempareahtml);
}});
}//通過傳入的shopid，查詢shop的資訊，然後獲取到js頁面中，為後面修改shop資訊做準備
function getshopinfo(shopid));
$('#shop_category').html(shopcategory);
$('#shop_category').attr('disabled', 'disabled');
$('#area').html(tempareahtml);
$("#area option[data-id='" + shop.area.areaid + "']").attr("selected", "selected");
}});
}//提交按鈕，將店鋪資訊提交到後台進行處理 url根據isedit來分情況選擇
$('#submit').click(function();
if(isedit)
shop.shopname = $('#shop_name').val();
shop.shopaddr = $('#shop_addr').val();
shop.phone = $('#shop_phone').val();
shop.shopdesc = $('#shop_desc').val();
/*使用的下拉列表來進行選擇，獲取值的方法*/
shop.shopcategory = ).data('id')
};shop.area = ).data('id')
};/*獲取的是上傳的輸入流*/
var shopimg = $('#shop_img')[0].files[0];
//在ajax中傳遞的引數
var formdata = new formdata();
//引數的內容，分別是上面的shop和shop
var verifycodeactual = $('#j_kaptcha').val();
if(!verifycodeactual)
/*使用ajax提交到後台*/
$.ajax( else
/*更換驗證碼*/
$('#kaptcha_img').click();
}});
});});
然後在shopoperation.html中新增js的標籤
其中的initurl='/shopadmin/getshopinitinfo'; 中的初始化呼叫方法
@responsebody
public mapgetshopinitinfo() catch(exception e)
modelmap.put( "shopcategorylist", shopcategorylist );
modelmap.put( "arealist", arealist );
modelmap.put( "success", true );
return modelmap;
}
js繼承6種方式實現
三 組合繼承 組合原型鏈繼承和借用建構函式繼承 常用 重點 結合了兩種模式的優點，傳參和復用 特點 1 可以繼承父類原型上的屬性，可以傳參，可復用。2 每個新例項引入的建構函式屬性是私有的。缺點 呼叫了兩次父類建構函式 耗記憶體 子類的建構函式會代替原型上的那個父類建構函式。繼承這些知識點與其說是物...
JS實現繼承的6種方式
將建構函式的原型設定為另乙個建構函式的例項物件，這樣就可以繼承另乙個原型物件的所有屬性和方法，可以繼續往上，最終形成原型鏈。function wonman name let wonmanobj newwonman 優點 不限制呼叫方式 簡單，易實現 缺點 不能多次繼承 為了解決原型中包含引用型別值的...
6 Z 字形變換（JS實現）
將乙個給定字串根據給定的行數，以從上往下 從左到右進行 z 字形排列。比如輸入字串為 leetcodeishiring 行數為 3 時，排列如下 l c i r e t o e s i i g e d h n 之後，你的輸出需要從左往右逐行讀取，產生出乙個新的字串，比如 lciretoesiiged...