在网页开发中,商品分类是一个非常重要的功能,它可以帮助用户快速找到自己需要的商品,提高用户体验。在实现商品分类的过程中,我们通常使用ajax加json技术。
$.ajax({ url: "get_goods.PHP",//后端请求地址 type: "post",//请求方式 dataType: "json",//数据类型 success: function(data){ //成功后的回调函数 var html = ""; for(var i=0;i"+data[i].name+""; } $("#goods_list").html(html); //将获取到的商品列表显示在页面上 },error: function(err){ //请求错误的回调函数 console.log(err); } });
上面的代码中,我们使用了jQuery的ajax函数发送请求,请求的地址为get_goods.PHP,请求方式为post,数据类型为json。当请求成功后,我们通过回调函数获取到了后端返回的商品数据,遍历此数据生成商品列表,并将其显示在页面上。
在后端的get_goods.PHP文件中,我们需要将商品数据以json格式返回:
$goods_list = array( array("name"=>"电视","price"=>3000),array("name"=>"电脑","price"=>6000),array("name"=>"手机","price"=>4000),array("name"=>"平板","price"=>2500),); echo json_encode($goods_list);