修改数据

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <script src="~/Scripts/jquery-1.7.2-min.js"></script>
    <meta name="viewport" content="width=device-width" />
    <title>Update</title>
    <script type="text/javascript">
        $(function ()
        {
            $.ajax({
                url: 'http://localhost:8889/SchoolWebserice.asmx/GetSchools',
                type: 'post',

                success: function (data)
                {
                    $(data).each(function (index, data)
                    {
                        $("#s").append("<option value='"+data.SchoolCode+"'>"+data.SchoolName+"</option>")
                    })
                    $.ajax({
                        url:'http://localhost:8889/StudentWebService.asmx/Getid',
                        type:'post',
                        data:{
                            StudentId:@Request.QueryString["StudentId"],
                        },
                        success:function(data)
                        {
                            $("input[name=StudentName]").val(data.StudentName)
                            $(":radio[value="+data.Gender+"]").attr("checked","checked")
                            $("#s").val(data.SchoolCode)
                            $.ajax({
                                url: 'http://localhost:8889/ClassWebService.asmx/GetClasses',
                                type: 'post',
                                async:false,
                                data:{
                                    SchoolCode:$("#s").val()
                                },
                                success: function (data) {
                                    $("#c option").not(":first").remove();
                                    $(data).each(function (index, data) {
                                        $("#c").append("<option value='" + data.ClassCode + "'>" + data.ClassName + "</option>")
                                    })
                                }
                            })
                            $("#c").val(data.ClassCode)
                        }
                    })
                }
            })
            $("#s").change(function ()
            {
                $.ajax({
                    url: 'http://localhost:8889/ClassWebService.asmx/GetClasses',
                    type: 'post',
                    data:{
                        SchoolCode:$("#s").val()
                    },
                    success: function (data) {
                        $("#c option").not(":first").remove();
                        $(data).each(function (index, data) {
                            $("#c").append("<option value='" + data.ClassCode + "'>" + data.ClassName + "</option>")
                        })
                    }
                })
            })

            $("#Uptbtn").click(function ()
            {
                $.ajax({
                    url: 'http://localhost:8889/StudentWebService.asmx/Update',
                    data: {
                        StudentId:@Request.QueryString["StudentId"],
                        SchoolCode: $("#s").val(),
                        ClassCode: $("#c").val(),
                        StudentName: $("input[name=StudentName]").val(),
                        Gender: $(":radio:checked").val()
                    },
                    type: 'post',
                    success: function (data)
                    {
                        if(data>0)
                        {
                            alert('修改成功')
                            location.href='/Student/Show'
                        }
                        else
                            alert('修改失败')
                    }

                })
            })
        })
    </script>
</head>
<body>
    <table>

        <tr>
            <td>
                学校名称
            </td>
            <td>
                <select id="s">
                    <option value="0">请选择</option>

                </select>
            </td>
        </tr>
        <tr>
            <td>
                班级名称
            </td>
            <td>
                <select id="c">
                    <option value="0">请选择</option>

                </select>
            </td>
        </tr>
        <tr>
            <td>学生姓名</td>
            <td>
                <input type="text" name="StudentName" />
            </td>
        </tr>
        <tr>
            <td>学生性别</td>
            <td>
                <input id="Radio1" type="radio" value="0" name="Gender" checked="checked" />男
                <input id="Radio1" type="radio" value="1" name="Gender" />女
            </td>
        </tr>
        <tr>
            <td>
                <input id="Uptbtn" type="button" value="修改" />
                <input id="Button1" type="button" value="返回" />
            </td>
        </tr>
    </table>
</body>
</html>
猜你喜欢
