一个JSP页面中,可以引入多个JS文件
当需要调用某个JS文件中的方法时,可以这么写
首先
在该页面中引入调用的JS文件
<script src="${ctx}/static/js/ajaxData.js" type="text/javascript"></script>
然后
在JS文件中,定义一个标识,把所有的方法都写在该标识中
$.ajaxData = {
//通过检测对象,获取样品模板数据
sampleBizModelList_testObjectId: function (testObjectId, selector) {
if (testObjectId && testObjectId != '') {
$.ajax({
type: "get",
url: ctx + "/dic/sample-business-model/selectList?testObjectId=" + testObjectId + "&sampBizModeCateId=",
data: "",
dataType: "json",
async: false,
success: function (jsonData) {
var dataList = jsonData;
var optionHtml = "";
for (var i = 0; i < dataList.length; i++) {
var r = dataList[i];
optionHtml += '<option value=' + r.id + '>' + r.sampBizModeName + '</option>';
}
//先清空在添加
selector.html(optionHtml);
//触发默认选中第一个
//有值,默认选中第一个,触发默认选中第一个
if (dataList.length > 0) {
selector.val(dataList[0].id).trigger('change');
} else {
selector.val(null).trigger('change');
}
},
error: function () {
}
})
}
},
//通过检测对象,获取规格型号数据
testObjectModelList_testObjectId: function (testObjectId, selector) {
if (testObjectId && testObjectId != "") {
$.ajax({
type: "get",
url: ctx + "/dic/test-object-model/selectByTestObjectId?testObjectId=" + testObjectId,
data: "",
dataType: "json",
async: false,
success: function (jsonData) {
var dataList = jsonData;
var optionHtml = "";
for (var i = 0; i < dataList.length; i++) {
var r = dataList[i];
if (i == 0) {
optionHtml += '<li class="es-visible selected">' + r.testObjectModelCode + '</li>';
} else {
optionHtml += '<li class="es-visible">' + r.testObjectModelCode + '</li>';
}
}
selector.parent('div').find('ul').empty();
selector.parent('div').find('ul').append(optionHtml);
},
error: function () {
}
})
}
},
}
这里,$.ajaxData就是一个自定义的标识
调用方式
通过标识,点方法的方式,直接调用
$.ajaxData.sampleBizModelList_laboratoryId( $(this).val(),$('#sampBizModeId'));