现在的位置: 首页 > 综合 > 正文

一段jQuery发送Ajax请求代码

2013年01月30日 ⁄ 综合 ⁄ 共 509字 ⁄ 字号 评论关闭

客户端代码:

<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';

抱歉!评论已关闭.