一个简单的ajax请求数据

来源:互联网 发布:淘宝网店模板制作教程 编辑:程序博客网 时间:2024/05/18 09:06
<!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>

0 0
原创粉丝点击