夺命雷公狗jquery---56通过ajax高级实现模拟post请求

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="js/jquery.js"></script>
        <script>
            $(function(){
                $('#btnok').bind('click',function(){
                    //发送ajax请求
                    var username = $('#username').val();
                    var data = {
                        'username':username
                    };
                    $.post('ajax5.php',data,function(msg){
                        alert(msg);
                    });
                });
            });
        </script>
    </head>
    <body>
        <input type="text" id="username" />
        <hr />
        <input type="button" id="btnok" value="获取数据" />
    </body>
</html>

 

 

php代码如下:

 

 

<?php
    $username = $_POST['username'];
    echo 'hello '.$username;

 

posted @ 2015-10-30 20:05  夺命雷公狗  阅读(150)  评论(0编辑  收藏  举报