一个简单的ajax请求数据

最新推荐文章于 2024-05-13 03:34:52 发布

dezhonger

最新推荐文章于 2024-05-13 03:34:52 发布

阅读量2.7w

点赞数 4

本文链接：https://blog.csdn.net/dezhonger/article/details/70211484

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery提交表单</title>
    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<form action="" id="myform">
    用户名<input type="text" name="username"/>
    密码<input type="password" name="password"/>
    性别<input type="radio" name="sex" value="男人">man
    <input type="radio" name="sex" value="女人">woman
</form>

<a href="#" style="text-decoration: none;">使用ajax提交表单数据</a>
<div>
    <p id="divp">before..</p>
</div>

<script type="text/javascript">
    $(document).ready(function(){
        $("a").click(function(){
            $.ajax({
                type:'post',
                url:'/index/jquerydata',
                data:$("#myform").serialize(),
                cache:false,
                dataType:'json',
                success:function(data){
                    $("#divp").html('after: ' + data);
                }
            });
        });
    });
</script>

</body>
</html>

dezhonger

关注

4
点赞
踩
14

收藏

觉得还不错? 一键收藏
1
评论
一个简单的ajax请求数据

jquery提交表单用户名密码性别man woman使用ajax提交表单数据 before.. $(document).ready(function(){ $("a").click(function(){ $.ajax({ type:'post
复制链接

扫一扫