一个简单的ajax请求。
2021/10/15 23:20:16
本文主要是介绍一个简单的ajax请求。,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1、表单部分
<tr th:each="user,userStat : ${users}">
<td th:text="${user.id}">id</td>
<td th:text="${user.name}">name</td>
<td th:text="${user.password}">password</td>
<td>
<input type="radio" name="chcs" th:value="${user.id}"/>
</td>
<td>
<a href="#">添加</a>
<a href="#" name="btn2" οnclick="delet()">删除</a>
<a href="#">修改</a>
</td>
</tr>
2、js部分,记得要先引入jquery哦!
//删除数据
function delet(){
var str='';
var chcs = document.getElementsByName('chcs');
for(var i=0;i<chcs.length;i++){
if(chcs[i].checked){
str+=chcs[i].value+',';
}
}
if(str==''){
alert("请至少选择一个数据删除!");
return ;
}
if(!confirm("确认删除选中数据?")){
var mid = document.getElementById('chcs');
return ;
}
if(str.match(/,/)){str=str.substr(0,str.length-1)};
// $('#ids').val(str);
var id=str;
alert(id);
$.ajax({
type:'post',
url:"http://localhost:8080/from?id="+id,
cache: false,
success:function(data){
alert('success');
},
error:function(){
alert("请求失败")
}
})
}
这篇关于一个简单的ajax请求。的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-30我的第一个Go命令行工具
- 2024-09-30初学者指南:轻松掌握模块化编程
- 2024-09-30顶级5款免费的IntelliJ插件,助你Java开发之路更顺畅
- 2024-09-30提高应用程序可用性:冗余和持久性
- 2024-09-30Twitter 系统设计面试示例
- 2024-09-30JSON对象入门教程:轻松掌握基础用法
- 2024-09-30封装入门:Java面向对象编程的第一步
- 2024-09-30后台交互入门:轻松掌握基础知识与实践技巧
- 2024-09-30轻松入门:后台交互教程详解
- 2024-09-30后台交互项目实战:新手指南