• 技术文章 >web前端 >js教程

    ajax-load实例

    无忌哥哥无忌哥哥2018-06-29 15:01:15原创703

    ajax-load实例

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>1.ajax-load()</title>
    </head>
    <body>
    <img src="../images/zly.jpg" width="150">
    <div></div>
    <button>点击</button>
    </body>
    </html>
    <script type="text/javascript" src="../js/jquery-3.3.1.js"></script>
    <script type="text/javascript">
    $('button').eq(0).on('click',function(){
    $('div').eq(0)
    // .load('api/info.php')
    // .load('api/info.php'+' p')  //支持选择器
    // .load('api/info.php'+' h3')
    // .load('api/info.php',{birthday:'10月16日',nation:"中国"}) //POST
    // .load('api/info.php','age=31&sex=女') //GET
    .load('api/info.php','age=31&sex=女',function(){
    $('img').css('border-radius','50%')
    }) //callBack()
    })
    </script>

    以上就是ajax-load实例的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:Ajax_POST提交 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 深入解析JWT(JSON Web Token)的原理及用法• 聊聊Node.js中怎么用async函数• 聊聊Node项目中怎么操作MySQL• 一文聊聊Angular中的依赖注入• react native路由跳转怎么实现
    1/1

    PHP中文网