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的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
问题内容： 我不确定是否有任何方法可以这样做，但是如果有一个简单的解决方案，这将解决我的很多问题。 我需要/想要做的是在我的ajax请求成功后返回HTML和JSON。原因是，我想请求一个文件并返回该页面的所有内容，但是我还希望能够从json页面中返回指定的一组信息，因此我可以将其用于其他用途。 这就是我现在正在做的： 这就是我想要做的： 在返回的页面上，我将指定标题名称。（例如，如果是个人资料，我
-
本文向大家介绍jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例，包括了jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作。分享给大家供大家参考，具体如下： 1、先给json格式的数据： 2、通过访问html
-
问题内容： 我有这个ajax请求，可从服务器获取数据，并且默认情况下始终是。但是有时它会从服务器返回json，所以我想检查返回的数据是否为html，然后执行A，否则执行B。可能吗？ 我的jQuery 当返回的数据为时，出现此错误， 语法错误：JSON.parse：意外字符 那么如何使此代码 通用 ？ 问题答案： 我不确定是否有更好的方法，但是您可以尝试…
-
问题内容： 我想做的事情似乎很简单：通过 HTML 页面并从中提取一个值。 问题是 jQuery 拒绝解析返回的HTML。 同时，我正在玩的小提琴没有用，因此我无法提供其他可行的示例。 更新： 我的新提琴工作正常，但是似乎问题在于，在我的实际项目中，我试图解析大量复杂的HTML。这是一个已知问题吗？ 问题答案： 您的代码工作正常。您只是没有正确使用jsFiddle的API。检查文档中的（http:
-
本文向大家介绍jquery的ajax异步请求接收返回json数据实例，包括了jquery的ajax异步请求接收返回json数据实例的使用技巧和注意事项，需要的朋友参考一下 jquery的ajax异步请求接收返回json数据方法设置简单，一个是服务器处理程序是返回json数据，另一种就是ajax发送设置的datatype设置为jsonp格式数据或json格式都可以。 代码示例如下： $.ajax方法
-
本文向大家介绍jQuery通过Ajax返回JSON数据，包括了jQuery通过Ajax返回JSON数据的使用技巧和注意事项，需要的朋友参考一下 服务端PHP读取MYSQL数据，并转换成JSON数据，传递给前端Javascript，并操作JSON数据。本文将通过实例演示了jQuery通过Ajax向PHP服务端发送请求并返回JSON数据。 JSON(JavaScript Object Notation