AJAX提交页面代码

来源：互联网发布：约瑟夫问题 c语言编辑：程序博客网时间：2024/06/05 10:09
<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <style>        fieldset{            width:300px;        }    </style>    <link rel="stylesheet" href="../js/jquery-ui.css"/>    <script src="../js/jquery-1.12.2.min.js"></script>    <script src="../js/jquery-ui.min.js"></script></head><body><fieldset>    <legend>添加新班级</legend><span>序号：</span><input style="margin-left:40px;" type="text" id="num" name="num"/><span id="spinfo"></span><br><br><span>名称：</span><input style="margin-left:40px;" type="text" id="names" name="names"/><span id="spinfo1"></span><br><br><span>开班日期：</span><input style="margin-left:10px;" type="text" id="dates" name="dates"/><span id="spinfo"></span><br><br><span>班主任：</span><input style="margin-left:26px;" type="text" id="teachers" name="teachers"  /><span id="spinfo3"></span><br><br><span>备注：</span><input style="margin-left:40px;" type="text" id="beizhu" name="beizhu"  /><br/><br/><span id="spinfo4" style="color:red"></span>    <br/> <br/>         <input style="margin-left:210px;" type="button" value="添加" onclick="addclass()"/>    <a id="true" href="sql1.php" style="display:none">返回班级表</a></fieldset><script>    function addclass(){        $.ajax({            url:"addclass3.php",            type:"GET",            data:"num="+$("#num").val()+"&names="+$("#names").val()+"&dates="+$("#dates").val()+"&teachers="+$("#teachers").val()+"&beizhu="+$("#beizhu").val(),            success:function(val){           $("#true").css("display","block");            $("#spinfo4").html(val);        },            error: function (err) {                alert(err);            }        })    }</script></body></html>
0 0