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文件中的方法相关推荐

五、Vue引用Cesium调用Sandcastle-header.js文件中的方法
<template><div><div id="cesiumContainer"><div id="toolbar"& ...
html中引用js文件无效,为什么HTML中无法调用引用JS文件中方法？
引用的js文件是 AudioAPI.js ,代码如下: const navigator = window.navigator navigator.getUserMedia = navigator.ge ...
Sandcastle-header.js文件中的方法
Sandcastle-header.js存储在Cesium中Apps/Sandcastle/Sandcastle-header.js的位置,该js文件时用于创建下拉框和带选中框的按钮,引入该文件后,就 ...
Js文件中调用其它Js函数的方法（转）
2019独角兽企业重金招聘Python工程师标准>>> Js文件中调用其它Js函数的方法在项目开发过程中,也许你会遇这样的情况.在某一Js文件中需要完成某一功能,但这一功能的大部分 ...
Js文件中调用其它Js函数的方法
2019独角兽企业重金招聘Python工程师标准>>> Js文件中调用其它Js函数的方法在项目开发过程中,也许你会遇这样的情况.在某一Js文件中需要完成某一功能,但这一功能的大部分 ...
关于在JS中引入JS文件的JQ方法
jQuery ajax - getScript() 使用$.getScript()方法就可以进行加载JS文件的代码过来,但是通常这个函数并没有什么作用,因为它是使用传统的ajax进行js代码请求的,所 ...
python调用js库中的函数_Python 调用JS文件中的函数
Python 调用JS文件中的函数 1.安装PyExecJS第三方库 2.导入库:import execjs 3.调用JS文件中的方法 Passwd = execjs.compile(open(r&q ...
VSCode中，新建js文件中编译器自带jQuery提示失效的解决方法
VSCode中,新建js文件中编译器自带jQuery提示失效的解决方法在VSCode中,新建js文件可能会发生VSCode自带的jQuery提示引起失效,如下图在HTML文件中进行编辑,<s ...
html img调用js,html调用js变量如何在html中输出js文件中的变量
html页面代码中怎么调用js变量?html页面代码中怎么调用js变量,例如在html代码中插入js代码: a=取浏览你把index1.js 中的onReady 去掉,把index1.js改成 fu ...

jQuery调用其他JS文件中的方法

jQuery调用其他JS文件中的方法相关推荐

最新文章

热门文章