小编给大家分享一下jQuery中如何实现ajax请求后台返回json数据并渲染HTML，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
建网站原本是网站策划师、网络程序员、网页设计师等，应用各种网络程序开发技术和网页设计技术配合操作的协同工作。成都创新互联专业提供成都网站设计、网站建设,网页设计,网站制作(企业站、成都响应式网站建设公司、电商门户网站)等服务,从网站深度策划、搜索引擎友好度优化到用户体验的提升,我们力求做到极致!
html实例
搜索
序号
菜名
|
jquery实例
function seek_product(){
var product = $('.seek_product').val();
$.ajax({
type:'get',
url:'/Cash/Index/seek_product',
data:{name:product},
success:function(res){
var data = eval('('+res+')');
var len = data.length;
var cm = "";
if(len > 0){
for(var i = 0; i < len; i++){
cm += '';
cm += '| ';
cm += i+1;
cm += ' | ';
cm += '';
cm += ''+data[i]["name"]+'
';
cm += '';
cm += '';
console.log(cm);
$('.restaurant_food').html(cm);
}
}else{
$('.restaurant_food').html('抱歉，没有这道菜！');
}
}
})
}php实例
//搜索菜
public function seek_product(){
$shop_id = session("cashShopId");
$name = I('get.name');
$map['name'] = array('like','%'.$name.'%');
$map['shop_id'] = $shop_id;
$map['status'] = 1;
$productList = M('product')->field('id,name')->where($map)->select();
echo json_encode($productList);
}以上是“jQuery中如何实现ajax请求后台返回json数据并渲染HTML”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！
文章名称：jQuery中如何实现ajax请求后台返回json数据并渲染HTML
分享路径：
http://www.cdxtjz.cn/article/gdegdp.html
