[JavaScript知识库]一个简单的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("请求失败")

??????????? }

??????? })

??? }