利用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框架下完成，可能存在些許差別。