文件目录
页面
HTML与Script的联系
HTML元素通过调用脚本中的function来触发前端的动作要进行的后端逻辑操作
Script中通过选择器$(“#str”)来改变前端HTML的显示数据
Script中有两种类型的函数模式
- $(function(){ … }) :window.onload时调用。
- function btnReset(){ … } :在HTML点击事件中调用。
JQuery语法查阅
选择器 $(“#str”)
https://blog.csdn.net/lgl782519197/article/details/107833481
$(function(){ })的使用
JQuery 的代码我们通常会包裹在一个 ( f u n c t i o n ( ) ) 函数中, j q 的 (function(){})函数中,jq 的 (function())函数中,jq的(function(){})也就是$(document).ready(function(){})的简写,与之对应的原生 js 的window.onload事件,这俩者之间到底有什么区别呢?
请参考https://blog.csdn.net/weixin_41042740/article/details/90026239?spm=1001.2014.3001.5502
审核
$("#btnCheck").click(function () {$.modalWindow(Lang.Check, '/BMS/UserAudit/Index', 500, 200, 'fa fa-plus');
});
审核调用,写在index页面
function loadAuditData(data) {
$.post(“@Url.Action(“Check”)”, { “id”: “@Model.Id”, “Flag”: data[0].iCheck, “AuditRemark”: data[0].checkRemark},
function (data) {
if (data.type==1) {
hideLoading();
window.parent.frameReturnByMes(data.message);
window.parent.frameReturnByReload(true);
window.parent.frameReturnByClose();
} else {
$.messageBox5s(Lang.Tip, data.message);
}
}, “json”);
}
jQ 中ajax访问接口
var gdat1 = []$.ajax({type: 'post',url: '/BMS/DictionaryType/GetListDictionaryByParentId/?ParentId=1005',data: '',async: false,//false代表只有在等待ajax执行完毕后才执行 success: function (data) { gdat1 = data console.log('00000');console.log(gdat1);console.log('11111'); }});