jQuery中ajax请求后台返回json数据并渲染HTML的方法_tabulator时间格式展示资源-CSDN下载

5星 · 超过95%的资源 19 浏览量 2020-12-29 19:48:38 上传评论收藏 28KB PDF 举报

资源详情

资源评论

资源推荐

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的方法就是小编分享给大家的全部内容了，希望能给大家一个参

考，也希望大家多多支持软件开发网。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论5

明儿去打球

2023-07-28

这个文件给出的方法简单易行，无需太多额外的代码，非常适合快速解决项目中的需求。

内容反馈

weixin_38695452

粉丝: 3

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip