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'));
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值