大概做的前端的一個給資料庫增加的功能，前端的表單提交到后端，但是現在出現了一個問題我提交前端資料到后端時，說我的submit不是一個事件方法，后端也沒收到資料，大概就是下面這種情況，第一次處理前端的問題，可能發的不是很好，原本之前有過引入太多js檔案導致事件無法識別的原因，我之后就只引入了關于easyui的js檔案。
我還是參照著B站的視頻學的
網址是下面這個
https://www.bilibili.com/video/BV1bZ4y1H7dr?p=12
但不知道為啥他的是對的，我的報了錯
<link rel="stylesheet" href="https://bbs.csdn.net/themes/default/easyui.css"/>
<link rel="stylesheet" href="https://bbs.csdn.net/themes/icon.css"/>
<script src="https://bbs.csdn.net/js/jquery.min.js"></script>
<script src="https://bbs.csdn.net/js/jquery.easyui.min.js"></script>
<script src="https://bbs.csdn.net/js/easyui-lang-zh_CN.js"></script>
這是我寫完后用谷歌瀏覽器報錯了的截圖
下面是我寫的這個增加的功能前端部分代碼
<div title="為應用添加能力" iconCls="icon-reload" closable="true" style="padding:10px;">
<div id="datagrid_toolbar">
<a href="https://bbs.csdn.net/topics/#">添加</a>
</div>
<div id="dialog_ability_add_buttons">
<a herf="#">添加 </a>
</div>
<div id="dialog_ability_add" align="center">
<from id="form_ability_add" action="http://localhost:8080/osp/appImplAddById" method="post">
<table>
<tr>
<td>應用編碼(appId)</td>
<td><input type="text" name="appId" id="appIdAdd"></td>
</tr>
<tr>
<td>能力編碼(abilityId)</td>
<td><input type="text" name="abilityId" id="abilityIdAdd"></td>
</tr>
<tr>
<td>應用狀態(appStatus)</td>
<td><input type="text" name="appStatus" id="appStatusAdd"></td>
</tr>
<tr>
<td>創建編碼(createId)</td>
<td><input type="text" name="createId" id="createIdAdd"></td>
</tr>
<tr>
<td>實作編碼(implId)</td>
<td><input type="text" name="implId" id="implIdAdd"></td>
</tr>
</table>
</from>
<script>
$("form_ability_add").form({
success:function (data) {
console.log(data);
var json=JSON.parse(data);
$.messager.show({
title:"提示",
msg:json.msg,
});
$("#dialog_ability_add").dialog({
closed:true,
});
}
});
$("#dialog_ability_add_buttons a:contains(添加)").linkbutton({
iconCls:"icon-ok",
onClick:function () {
var appId=$("#appIdAdd").val();
var abilityId=$("#abilityIdAdd").val();
var appStatus=$("#appStatusAdd").val();
var createId=$("#createIdAdd").val();
var implId=$("#implIdAdd").val();
$("#form_ability_add").form('submit',{
appId:appId,
abilityId:abilityId,
appStatus:appStatus,
createId:createId,
implId:implId,
});
}
});
$("#datagrid_toolbar a:contains(添加)").linkbutton({
iconCls:"icon_add",
onClick:function () {
$("#dialog_ability_add").dialog({
closed:false,
modal:true,
});
}
});
$("#dialog_ability_add_buttons").css("width","240px").css("text-align",'center');
$("#dialog_ability_add").dialog({
width:400,
title:"給應用添加能力",
iconCls:"icon-man",
buttons:"#dialog_ability_add_buttons",
closed:true,
})
</script>
</div>
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/162267.html
標籤：Ajax
上一篇：webdriver自動化測驗工具的使用，將chromedriver配置到path環境變數中，并測驗是否成功
下一篇：問答