导航

一段jQuery发送Ajax请求代码

Posted on 2012-10-20 08:16  eastson  阅读(350)  评论(0编辑  收藏  举报

客户端代码:

<div id="ajax-post"><a href='#'>Ajax post</a></div>
<script type="text/javascript">
$('#ajax-post a').click(function() {
    var params = {};
    $.ajax({
        type: 'post',
        url: 'ajax.php',
        data: params,
        beforeSend: function() {
            $.blockUI({
                message: $('#loading-image'),
                css: {
                    top:  ($(window).height() - 100) /2 + 'px',
                    left: ($(window).width() - 100) /2 + 'px',
                    width: '100px'
                }
            });
        },
        complete: function() {
            $.unblockUI();
        },
        success: function(msg) {
            $('#ajax-content').html(msg);
        }
    });
});
</script>
<div id="ajax-content">content</div>

 

服务端ajax.php:

<?php
echo
'My name is xxx';