没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
html实例 <table border=0 class=restaurant_food cellspacing=0 cellpadding=1> <input type=text name=dishes value= class=seek_product placeholder=请输入菜名/> <button type='button' class=btn_nor onclick=seek_product()>搜索</button> <tr> <th width=30%>序号</th> <th width=70%
资源详情
资源评论
资源推荐

jQuery中中ajax请求后台返回请求后台返回json数据并渲染数据并渲染HTML的方法的方法
html实例实例
<table border="0" class="restaurant_food" cellspacing="0" cellpadding="1">
<input type="text" name="dishes" value="" class="seek_product" placeholder="请输入菜名"/>
<button type='button' class="btn_nor" onclick="seek_product()">搜索</button>
<tr>
<th width="30%">序号</th>
<th width="70%">菜名</th>
</tr>
<tr data-id="">
<td></td>
<td class="tl"> <p></p></td>
</tr>
</table>
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 += '<tr data-id='+data[i]['id']+'>';
cm += '<td>';
cm += i+1;
cm += '</td>';
cm += '<td class="tl">';
cm += '<p>'+data[i]["name"]+'</p>';
cm += '</td>';
cm += '</tr>';
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的方法就是小编分享给大家的全部内容了,希望能给大家一个参
考,也希望大家多多支持软件开发网。



















weixin_38695452
- 粉丝: 3
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


最新资源
- 地下工程实习报告.doc
- 房产)办公区域服务作业指引(001).doc
- 重新定义微信小程序的开发.zip
- 印章销毁会签单.doc
- 北京某医院手术室装修工程招标代理合同.doc
- 地下连续墙施工质量验收规范-.doc
- 微信小程序 C# SDK,Senparc.Weixin.WxOpen.dll.zip
- 综合楼测量方案.doc
- 个体工商户雇工劳动合同书.docx
- 奶茶点单微信小程序.zip
- 物业接管验收要求及规程WINWGZAL.GC364.doc
- [北京]地标性超高层塔楼底板钢筋施工方案ser.doc
- 微信小程序 之『Ble蓝牙』.zip
- 微信小程序示例教程.zip
- 安装造价员考试用基础知识汇编.doc
- 地铁自动售检票系统施工组织设计.doc
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈



安全验证
文档复制为VIP权益,开通VIP直接复制

评论5