ThinkPHP中使用ajax接收json数据的方法
程序员文章站
2023-11-14 22:02:16
本文实例讲述了thinkphp中使用ajax接收json数据的方法。分享给大家供大家参考。具体分析如下:
这里通过thinkphp+jquery实现ajax,扩展了下,写...
本文实例讲述了thinkphp中使用ajax接收json数据的方法。分享给大家供大家参考。具体分析如下:
这里通过thinkphp+jquery实现ajax,扩展了下,写了个查询,前台代码如下:
首先需要引入jquery.js,主要代码如下:
复制代码 代码如下:
function ajax(id,pic){
//由于thinkphp不解析javascript里的thinkphp常量,所以需要先在这里定义。
var url='__url__';
$.ajax({
url: url+'/returnajax/id/'+id,//提交访问的url
type: 'get',//提交的方法
datatype: 'text',//返回的内容的类型,由于php文件是直接echo的,那么这里就是text
timeout: 1000,//超时时间
error: function(){ //如果出错,执行函数
alert('error loading xml document');
},
success: function(data){
//alert(data);//如果成功,弹出数据
writehtml(data,pic);
}
});
}
function writehtml(data,pic){
var product = eval('(' + data + ')'); //即使不引入json.js也可以转成json对象
//alert($("#cate_pic").attr("src"));
$("#cate_pic").attr("src","../images/"+pic);
$("#product_pic").attr("src","../attachments/product/"+product.attachpath+"/"+product.attachthumb);
$("#product_subject").html(product.subject);
$("#product_content").html(product.content);
}
//由于thinkphp不解析javascript里的thinkphp常量,所以需要先在这里定义。
var url='__url__';
$.ajax({
url: url+'/returnajax/id/'+id,//提交访问的url
type: 'get',//提交的方法
datatype: 'text',//返回的内容的类型,由于php文件是直接echo的,那么这里就是text
timeout: 1000,//超时时间
error: function(){ //如果出错,执行函数
alert('error loading xml document');
},
success: function(data){
//alert(data);//如果成功,弹出数据
writehtml(data,pic);
}
});
}
function writehtml(data,pic){
var product = eval('(' + data + ')'); //即使不引入json.js也可以转成json对象
//alert($("#cate_pic").attr("src"));
$("#cate_pic").attr("src","../images/"+pic);
$("#product_pic").attr("src","../attachments/product/"+product.attachpath+"/"+product.attachthumb);
$("#product_subject").html(product.subject);
$("#product_content").html(product.content);
}
product.class.php中使用echo输出,thinkphp中json_encode()方法可将对象自动转成json格式
复制代码 代码如下:
public function returnajax(){
$id = $_get['id'];
$product=d('product')->where('id='.$id)->find();
//返回一个json格式的数据集
echo json_encode($product);
//print_r(json_encode($product));
}
$id = $_get['id'];
$product=d('product')->where('id='.$id)->find();
//返回一个json格式的数据集
echo json_encode($product);
//print_r(json_encode($product));
}
返回的数据格式如下:
复制代码 代码如下:
{
"id":"9",
"userid":"1",
"cid":"10",
"cid":"10",
"subject":"1111",
"color":"",
"spec":"",
"size":"",
"keywords":"",
"content":"<p>1111</p>",
"meno":"1111",
"attachpath":"200903",
"attachment":"49d1d86e68d31.png",
"attachthumb":"49d1d86e68d31_thumb.png"
}
更多关于thinkphp相关内容感兴趣的读者可查看本站专题:《thinkphp入门教程》、《thinkphp模板操作技巧总结》、《thinkphp常用方法总结》、《smarty模板入门基础教程》及《php模板技术总结》。
ps:关于json操作,这里再为大家推荐几款比较实用的json在线工具供大家参考使用:
在线json代码检验、检验、美化、格式化工具:
json在线格式化工具:
在线xml/json互相转换工具:
json代码在线格式化/美化/压缩/编辑/转换工具:
在线json压缩/转义工具:
c语言风格/html/css/json代码格式化美化工具:
希望本文所述对大家基于thinkphp框架的php程序设计有所帮助。
上一篇: 微信小程序中换行空格(多个空格)写法详解
下一篇: Vue.js父与子组件之间传参示例
推荐阅读
-
ThinkPHP中使用ajax接收json数据的方法
-
ThinkPHP通过AJAX返回JSON的两种实现方法
-
使用json-server简单完成CRUD模拟后台数据的方法
-
php从数据库中获取数据用ajax传送到前台的方法
-
JSP中获取ExtJS.Ajax前台传递的JSON数据实现过程
-
js根据json数据中的某一个属性来给数据分组的方法
-
django中使用jquery ajax post数据出现403错误的解决办法(两种方法)
-
TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结
-
thinkPHP中钩子的使用方法实例分析
-
ThinkPHP中url隐藏入口文件后接收alipay传值的方法