![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Jiaojiao??
这个作者很懒,什么都没留下…
展开
-
ECharts tiao
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.1.2/echarts.min.js"></script> &原创 2021-10-22 14:44:59 · 126 阅读 · 0 评论 -
ECharts bing
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"&g原创 2021-10-22 14:38:44 · 90 阅读 · 0 评论 -
toastr
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <link href="https://cdn.bootcdn.net/ajax/libs/toastr.js/latest/css/toastr.min.css" rel="stylesheet"> <script src="https:原创 2021-10-22 11:26:10 · 321 阅读 · 1 评论 -
zsgc zsgc zsgc
csgc csgc csgc<!DOCTYPE html><html> <head> <meta charset="utf-8"> <!--固定框架--> <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap.min.css" rel="stylesheet"> <script src="htt原创 2021-10-20 20:13:26 · 126 阅读 · 0 评论 -
面向对象 留言框架
面向对象 留言框架<div> <div class="container" style="background-color: #fff;"> <div class="row"> <div class="col-sm-4"> <div class="well well-lg" style="background-color: #fff;height: 600px;margin-top: 10px;">原创 2021-10-20 15:18:18 · 65 阅读 · 0 评论 -
清空按钮
清空按钮<textarea id="text" style="width: 95%;height:100px;text-align: left;vertical-align:top"></textarea>*[HTML]: vertical-align:top"置顶输入<button type="button" class="btn-info" onclick="clearText()">清空</button>function clearTex原创 2021-10-20 15:14:01 · 611 阅读 · 0 评论 -
HTML导入HTML
HTML导入HTML<div id="page1"> <iframe align="center" width="100%" height="1000" src="../添加.html" frameborder="no" marginwidth="0" marginheight="0" scrolling="no"></iframe> </div>原创 2021-10-15 12:37:14 · 292 阅读 · 0 评论 -
Ajax加载数据时加载图片
Ajax加载数据时加载图片.wgui-message{ position: fixed; top: 50%; left: 50%; z-index: 11010; box-sizing: border-box; padding: 10px; min-height: 120px; width: 120px; background-color: rgba(0,0,0,.5); -webkit原创 2021-10-14 21:10:29 · 536 阅读 · 0 评论 -
编辑select
Ajax 编辑selectfunction edit(a){ $("#neirong2").val(a.parentNode.parentNode.childNodes[2].textContent) $("#addbutton2").click(function(){ var user={ "id":a.parentNode.parentNode.childNodes[0].textContent, "chickenSoup":$("#neirong2原创 2021-10-14 16:02:59 · 89 阅读 · 0 评论 -
编辑
Ajax编辑function bianjiShuju(){ //编辑数据 $("table tbody").on("click",".bianji",function () { $('#id02').show(); edit(this); }) function edit(a){ $("#neirong2").val(a.parentNode.parentNode.childNodes[2].textContent) $("#addbutton2"原创 2021-10-14 15:02:55 · 75 阅读 · 0 评论 -
删除按钮
ajax删除按钮//添加到表格里面的按钮<button class="shanchu btn btn-danger" style="width:auto;">删除</button>$("table tbody").on("click","button",function () { // alert("right"); // window.open("https://www.baidu.com"); del(this); }) functi原创 2021-10-10 21:09:48 · 261 阅读 · 0 评论 -
刷新页面
Ajax刷新页面$("#sxbutton").click(function(){ $.ajax({ type:'post', url:'http://81.68.93.235:8181/api/chickensoup/list', contentType:'application/json', success:function(response){ window.location.reload(); }, error:fun原创 2021-10-10 17:33:46 · 281 阅读 · 0 评论 -
点击跳出弹框
点击跳出弹框.modal { display: none; } .modal-content { background-color: #fefefe; margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */ border: 1px solid #888; width: 80%; /* Could be more or less,原创 2021-10-10 15:45:10 · 234 阅读 · 0 评论 -
以表格的形式输出后台数据
以表格的形式输出后台数据$.ajax({ type:'post', url:'http://81.68.93.235:8181/api/chickensoup/list', contentType:'application/json', success:function(response){ //方法中传入的参数data为后台获取的数据 var index=0; for(i in response.data) //data.da原创 2021-10-09 22:16:34 · 165 阅读 · 0 评论 -
后台数据全部显示到前端
后台数据全部显示到前端$.ajax({type:‘post’,url:‘http://81.68.93.235:8181/api/chickensoup/list’,contentType:‘application/json’,beforeSend:function(){alert(‘请求即将发送’);},success:function(response){ if(response){$("#add").html(JSON.stringify(response.data));}els原创 2021-10-09 21:45:30 · 241 阅读 · 0 评论 -
前端与后台交互——登录
Ajax前端与后台交互——登录$("#loginBtn").click(function(){ // alert($("#username").val()); var p = { "username": $("#username").val(), "password": $("#password").val() }; if ($("#username").val() == "") { $("#username").focus(); alert('请输入原创 2021-09-30 16:04:30 · 321 阅读 · 0 评论 -
选择获取相应的数据
ajax选择获取相应的数据//ajax选择获取相应的数据$.ajax({ type:'post', url:'http://81.68.93.235:8181/api/chickensoup/list', contentType:'application/json', beforeSend:function(){ alert('请求即将发送'); }, success:function(response){ //判断是否原创 2021-09-29 15:41:45 · 121 阅读 · 0 评论