热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

ThinkPHP结合JQeury实现POST提交数据

网站后台修改数据时,需要重打开页面修改吗?不用了,使用下面的方法即可实现:html代码:<tablename"unit"border1><volistname"u_list"id"...

网站后台修改数据时,需要重打开页面修改吗?不用了,使用下面的方法即可实现:

html代码:

  1. <table name="unit" border=1> 
  2.      <volist name="u_list" id="vo"> 
  3.      <tr id={$vo.id}>//通过此处的ID获取数据表中的ID字段 
  4.       <td width=20name="u_name"> 
  5.        {$vo.u_name} 
  6.       td> 
  7.       <td width=30name="href"> 
  8.        {$vo.href} 
  9.       td> 
  10.       <td width=20%> 
  11.        <a href="__URL__/del/id/{$vo.id}" onclick="return del();">[ 删除 ]a> 
  12.       td> 
  13.      tr> 
  14.      volist> 
  15.      <tr> 
  16. <td colspan=5>{$page}td> 
  17.      tr> 
  18.     table> 

JQuery代码:

  1. $("tr>td").dblclick(function(){ 
  2.  var inval = $(this).html();//获取原有的内容 
  3.  var inname = $(this).attr("name");//获取html代码中的name值即数据表中是哪个字段 
  4.  var inid = $(this).parents().attr("id");//获取需要修改的数据的ID 
  5.  //alert(inval); 
  6.  $(this).html("+inval+"&#39; style=&#39;width:300px;&#39;>");//把原有内容放在这里 
  7.  $("#edit").focus().live("blur",function(){ 
  8.   var editval = $(this).val(); 
  9.   $(this).parents("td").html(editval); 
  10.   $.post("save",{id:inid,ziduan:inname,val:editval});//通过JQ的AJAX方法中的POST方法提交数据至Action 
  11.  }); 
  12. }); 

ThinkPHP中的Action代码:

  1. calss UnitAction extends Action{ 
  2.  function save(){ 
  3.   $id=$_POST[&#39;id&#39;]; 
  4.   $ziduan=$_POST[&#39;ziduan&#39;]; 
  5.   $val=$_POST[&#39;val&#39;]; 
  6.   $u_info=M(&#39;Unit&#39;); 
  7.   $u_info->where(&#39;id=&#39;.$id)->setField($ziduan,$val)->save(); 
  8.  } 
  9. ?> 

在处理中出现了个低级错误,就是在最后在Action中:

  1. calss UnitAction extends Action{ 
  2.  function save(){ 
  3.   $id=$_POST[&#39;id&#39;]; 
  4.   $data[&#39;u_name&#39;]=$_POST[&#39;u_name&#39;]; 
  5.   $data[&#39;href&#39;]=$_POST[&#39;href&#39;]; 
  6.   $u_info=M(&#39;Unit&#39;); 
  7.   $u_info->where(&#39;id=&#39;.$id)->->save($data); 
  8.  } 
  9. ?> 

把具体的字段值给代进去了,以至于怎么修改都不对,还好还好,及时发现了这个错误并改正了回来,记录一下,以作参考用.


推荐阅读
  • 本文介绍了如何使用jQuery和AJAX来实现动态更新两个div的方法。通过调用PHP文件并返回JSON字符串,可以将不同的文本分别插入到两个div中,从而实现页面的动态更新。 ... [详细]
  • 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]
  • Java实战之电影在线观看系统的实现
    本文介绍了Java实战之电影在线观看系统的实现过程。首先对项目进行了简述,然后展示了系统的效果图。接着介绍了系统的核心代码,包括后台用户管理控制器、电影管理控制器和前台电影控制器。最后对项目的环境配置和使用的技术进行了说明,包括JSP、Spring、SpringMVC、MyBatis、html、css、JavaScript、JQuery、Ajax、layui和maven等。 ... [详细]
  • 在springmvc框架中,前台ajax调用方法,对图片批量下载,如何弹出提示保存位置选框?Controller方法 ... [详细]
  • 从零基础到精通的前台学习路线
    随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]
  • 本文介绍了Java后台Jsonp处理方法及其应用场景。首先解释了Jsonp是一个非官方的协议,它允许在服务器端通过Script tags返回至客户端,并通过javascript callback的形式实现跨域访问。然后介绍了JSON系统开发方法,它是一种面向数据结构的分析和设计方法,以活动为中心,将一连串的活动顺序组合成一个完整的工作进程。接着给出了一个客户端示例代码,使用了jQuery的ajax方法请求一个Jsonp数据。 ... [详细]
  • 如何使用Java获取服务器硬件信息和磁盘负载率
    本文介绍了使用Java编程语言获取服务器硬件信息和磁盘负载率的方法。首先在远程服务器上搭建一个支持服务端语言的HTTP服务,并获取服务器的磁盘信息,并将结果输出。然后在本地使用JS编写一个AJAX脚本,远程请求服务端的程序,得到结果并展示给用户。其中还介绍了如何提取硬盘序列号的方法。 ... [详细]
  • Windows下配置PHP5.6的方法及注意事项
    本文介绍了在Windows系统下配置PHP5.6的步骤及注意事项,包括下载PHP5.6、解压并配置IIS、添加模块映射、测试等。同时提供了一些常见问题的解决方法,如下载缺失的msvcr110.dll文件等。通过本文的指导,读者可以轻松地在Windows系统下配置PHP5.6,并解决一些常见的配置问题。 ... [详细]
  • HTML5网页模板怎么加百度统计?
    本文介绍了如何在HTML5网页模板中加入百度统计,并对模板文件、css样式表、js插件库等内容进行了说明。同时还解答了关于HTML5网页模板的使用方法、表单提交、域名和空间的问题,并介绍了如何使用Visual Studio 2010创建HTML5模板。此外,还提到了使用Jquery编写美好的HTML5前端框架模板的方法,以及制作企业HTML5网站模板和支持HTML5的CMS。 ... [详细]
  • Android实战——jsoup实现网络爬虫,糗事百科项目的起步
    本文介绍了Android实战中使用jsoup实现网络爬虫的方法,以糗事百科项目为例。对于初学者来说,数据源的缺乏是做项目的最大烦恼之一。本文讲述了如何使用网络爬虫获取数据,并以糗事百科作为练手项目。同时,提到了使用jsoup需要结合前端基础知识,以及如果学过JS的话可以更轻松地使用该框架。 ... [详细]
  • 本文介绍了在满足特定条件时如何在输入字段中使用默认值的方法和相应的代码。当输入字段填充100或更多的金额时,使用50作为默认值;当输入字段填充有-20或更多(负数)时,使用-10作为默认值。文章还提供了相关的JavaScript和Jquery代码,用于动态地根据条件使用默认值。 ... [详细]
  • jQuery如何判断一个元素是否被点击?
    本文介绍了使用jQuery判断一个元素是否被点击的方法,并通过示例进行了具体说明。注意要指定父级,否则会执行多次。 ... [详细]
  • 本文介绍了使用FormData对象上传文件同时附带其他参数的方法。通过创建一个表单,将文件和参数添加到FormData对象中,然后使用ajax发送POST请求进行文件上传。在发送请求时,需要设置processData为false,告诉jquery不要处理发送的数据;同时设置contentType为false,告诉jquery不要设置content-Type请求头。 ... [详细]
  • Jquery 跨域问题
    为什么80%的码农都做不了架构师?JQuery1.2后getJSON方法支持跨域读取json数据,原理是利用一个叫做jsonp的概念。当然 ... [详细]
  • 本文介绍了使用jQuery实现图片预加载和等比例缩放的方法,同时提供了演示和相关代码。该方法可以重置图片的宽度和高度,并使图片在水平和垂直方向上居中显示。 ... [详细]
author-avatar
cherry
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有