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

    xiaoxiao2022-07-12  133

    首先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>
    最新回复(0)