利用ajax进行异步操做

<div>
    <ul>
        <li><span>姓名</span><input type="text" id="name" value=""></li>
    </ul>
</div>
    <div><input type="button" onclick="save('1001')" value="保存" ></div>

<script type="text/javascript">
    function save(id) {
            $.ajax({
                url: '/center/modifyname',
                type: 'post',
                data: {
                    'id':id,
                    'name': $('#name').val()
                },
                success: function (data) {
                    data = eval(data);
                    if (data.status == 0) {
                        alert('姓名修改为功！');
                    } else {
                        alert('失败');
                    }
                    location.href = "/center/personaldata/id/" + id;
                }
            });
        }
</script>

url、type、data等可视做参数存在，使用时基本可直接复制。

*注：本例是在php—zend框架下完成，可能存在些许差别。