用ajax去拼写一个页面，实现异步加载

首先a出一个 函数（） 括号内可以传参 用id举例

< a href="javascript:change({{ i.id }})">{{ i.name }}</a>

以下固定格式

< script>
function change(id) {
$.ajax({
    url:'/index/',     路径
    type:'post',      传递方式
    dataType:'json', 类型
    data:{'id':id},   数据
    success:function (res) {
        if(res.code == 200){    200码代表成功
            var mes = res.goods    定义变量接受后台数据
            var len = mes.length    定义循环长度
            var html = '< table border="1">'     拼接table表格
                    html += '< tr>< td>商品名称</ td>< td>商品价格</ td>< td>图片</ td></ tr>'
                    for(var i=0;i<len;i++){
                        html+='< tr>< td>'+mes[i]['name']
                            +'</ td>< td>'+mes[i]['price']
                            +'</ td>< td><img src="'
                            +mes[ i]["img"]+
                            '" width="60px"  height="60px"></ td>< td>< a href="">立即购买< /a>< /td>< /tr>'
                    }
        $('#id').html(html)   调用出发方法时替换
        }
    }
})
    }
< /script>