一个简单的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("请求失败")

            }

        })

    }

上一篇:基于JAVA实现的WEB端UI自动化 - WebDriver基础篇 -常见的页面元素操作


下一篇:onload事件