生活随笔
收集整理的這篇文章主要介紹了
jQuery调用其他JS文件中的方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一個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'));
總結
以上是生活随笔為你收集整理的jQuery调用其他JS文件中的方法的全部內容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。