`
serisboy
  • 浏览: 172110 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

thinkphp中使用ajax接收json数据

 
阅读更多
考thinkphp+jquery实现ajax,扩展了下,写了个查询,前台代码如下:

需要引入jquery.js,下载地址http://jquery.com

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);   
}  


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));
	} 

返回的数据格式如下:



Html代码  
{   
    "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中使用ajax接收json数据的方法

    本篇文章将详细讲解如何在ThinkPHP中使用AJAX接收JSON数据。 首先,我们需要理解JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于机器解析和生成。在前后端通信中,...

    thinkphp5 + ajax 使用formdata提交数据(包括文件上传) 后台返回json完整实例

    本文实例讲述了thinkphp5 + ajax 使用formdata提交数据(包括文件上传) 后台返回json。分享给大家供大家参考,具体如下: 知识点总结 1.json格式标准 { 'key':"value" } {"state":"1","msg":"\u7b80\u5386\u6295\u...

    ThinkPHP通过AJAX返回JSON的两种实现方法

    本篇文章将详细探讨在ThinkPHP中通过AJAX返回JSON的两种实现方法,以及如何在JavaScript中解析这些数据。 **方法一:使用`ajaxReturn`函数结合`json_encode`** 在ThinkPHP中,`ajaxReturn`是一个内置的助手函数,...

    利用thinkphp3.0做的ajax评论

    在后端,ThinkPHP 3.0中的控制器接收到这个Ajax请求后,会处理数据并调用模型来保存评论到数据库。控制器的代码可能如下: ```php class CommentController extends Controller { public function add() { if(IS_...

    thinkphp ajax分页

    2. **控制器处理**:在控制器中,接收前端发送的Ajax请求,根据请求参数查询数据库,并返回相应的分页数据。这通常涉及到SQL的LIMIT和OFFSET操作,以及计算总页数。 3. **模型操作**:ThinkPHP的模型层可以帮助处理...

    ThinkPHP中ajax使用实例教程

    在ThinkPHP中使用Ajax技术需要注意的是,数据提交到服务器后,需要服务器进行相应的验证和处理,然后返回处理结果。前端通过解析返回的JSON数据,对用户界面进行更新。 最后,前端页面中还可以通过JavaScript对用户...

    TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结

    本文将详细介绍如何在TP5框架下利用Ajax技术进行后台数据交互,主要包括两种方法:使用serialize()方法和利用layui的form.on事件。 **方法一:serialize() 方法** serialize() 是jQuery提供的一个方法,它能够将...

    ThinkPHP+ajaxupload.js上传图片

    2. **配置ajaxupload.js**:在JavaScript代码中,你需要实例化ajaxupload对象,设置上传URL(ThinkPHP的控制器处理URL)、允许的文件类型、文件大小限制等参数。 3. **后台处理**:在ThinkPHP的控制器中,你需要...

    如何将ajax请求返回的Json格式数据循环输出成table形式

    本问题主要探讨如何使用Ajax请求获取Json格式的数据,并将其循环输出到HTML表格(table)中。这里我们将详细介绍整个流程,包括Ajax请求、Json数据处理以及HTML元素的动态构建。 首先,Ajax是Asynchronous ...

    thinkphp+ajax无刷新分页

    ### ThinkPHP + AJAX 无刷新分页实现方法 ...通过以上步骤,我们可以使用ThinkPHP框架结合AJAX技术轻松实现无刷新分页功能,不仅提高了用户体验,还降低了服务器负担,是现代Web开发中不可或缺的技术之一。

    Thinkphp的ajax中国地域地址表单三级联动

    3. 前端Ajax交互:使用JavaScript(可能配合jQuery或其他库)监听表单的改变事件,触发Ajax请求,接收并处理后端返回的数据,动态更新下拉菜单或选择框的选项。 4. HTML/CSS布局:设计表单结构,使用HTML元素(如`...

    ThinkPHP5.1+Ajax实现的无刷新分页功能示例

    在本文中,我们将深入探讨如何使用ThinkPHP5.1框架和Ajax技术来实现无刷新分页功能,这是一种优化用户体验的有效方法,可以显著提升网站性能。首先,我们要理解无刷新分页的基本原理,它通过在不重新加载整个页面的...

    ThinkPHP处理Ajax返回的方法

    在这段代码中,`handleUrl`是ThinkPHP中的控制器动作,用于处理Ajax请求,`username`和`content`是提交的数据,`function(data)`是回调函数,用于处理服务器返回的数据,最后的`'json'`指定了数据类型为JSON。...

    完整thinkPHP增删改查+分页+模糊查询+Ajax登录+注册

    在ThinkPHP中,可以设置控制器方法接收Ajax请求,处理后返回JSON或其他格式的数据,前端JavaScript通过`XMLHttpRequest`对象发送请求,获取到响应后更新DOM元素。 5. **登录注册**:这是任何Web应用的基本功能。...

    thinkPHP5 ajax提交表单操作实例分析

    其中,使用AJAX实现无刷新数据交互是一个关键技术点,本文将详细介绍ThinkPHP5中如何使用AJAX提交表单,并提供相关的实例分析。 首先,要进行AJAX表单提交,我们通常使用jQuery提供的ajax()方法。这个方法可以让...

    ajax thinkphp 分页

    本文将深入讲解如何在ThinkPHP中使用Ajax实现分页功能。 一、Ajax基础 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过创建或使用XMLHttpRequest对象...

    php加载和生成json和生成xml文件,并带有ajax分页效果,带图带数据库

    以ThinkPHP框架为例,可以创建一个控制器方法来处理分页请求,使用`paginate()`函数进行分页,然后返回JSON数据供前端使用。前端通过jQuery的AJAX方法发送请求,获取分页数据并渲染到页面上。 在数据库方面,PHP...

Global site tag (gtag.js) - Google Analytics