Question

js代码分离

$(document).ready(
function() {
$.ajax( {
type : "post",
url : "dictListJson.action",
data : {"obj.dictType.dictTypeid":"styletype"},
success : function(data) {
if (data != null) {
var $select1 = $("#styleType");
$select1.empty();
for ( var i = 0; i < data.length; i++) {
var opt=$("<option/>").attr("value", data[i].dictname).html(
data[i].dictname);
if(data[i].dictname=='${obj.styleType}'){
opt.attr("selected","selected");
}
opt.appendTo($select1);
}
}
},
dataType : "json"
});
});
把这段页面内的js代码变成独立的js文件时，${obj.styleType}怎么办？

Answer 1

不用$(document).ready，而改成function形式，在页面中调用函数传递参数${obj.styleType}就好了。
如：

JS文件
function setOption(styleType) {
$.ajax( {
type : "post",
url : "dictListJson.action",
data : {"obj.dictType.dictTypeid":"styletype"},
success : function(data) {
if (data != null) {
var $select1 = $("#styleType");
$select1.empty();
for ( var i = 0; i < data.length; i++) {
var opt=$("<option/>").attr("value", data[i].dictname).html(
data[i].dictname);
if(data[i].dictname==styleType){
opt.attr("selected","selected");
}
opt.appendTo($select1);
}
}
},
dataType : "json"
});
});

html页面的JS
$(document).ready(function(){
setOption('${obj.styleType}');
});