博客列表 >$.ajax()的用法学习-2018年4月11日上午9:50完成

$.ajax()的用法学习-2018年4月11日上午9:50完成

邵军-山东-84918的博客
邵军-山东-84918的博客原创
2018年04月11日 09:51:49514浏览

代码如下:

实例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title>作业</title>
    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
    $(function() {
        $(':input').blur(function() {
            $.ajax({
                url: 'api/demo.php',
                type: 'GET',
                data: $('form').eq(0).serializeArray(),
                success: function(msg, status, xhr) {
                    $('p span').empty()
                    $('p').append($(msg))
                }
            })

        })
    })
    </script>
</head>

<body>
    <h2>用户注册</h2>
    <form>
        <p>用户名:
            <input type="text" name="name">
        </p>
    </form>
</body>

</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

IMG_20180411_094735_看图王.jpg

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议