Java教程

一个简单的ajax请求。

本文主要是介绍一个简单的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请求。的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!