热门标签 | 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. ?> 

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


推荐阅读
  • 一个登陆界面
    预览截图html部分123456789101112用户登入1314邮箱名称邮箱为空15密码密码为空16登 ... [详细]
  • 本文探讨了2019年前端技术的发展趋势,包括工具化、配置化和泛前端化等方面,并提供了详细的学习路线和职业规划建议。 ... [详细]
  • 本文深入探讨了JavaScript中实现继承的四种常见方法,包括原型链继承、构造函数继承、组合继承和寄生组合继承。对于正在学习或从事Web前端开发的技术人员来说,理解这些继承模式对于提高代码质量和维护性至关重要。 ... [详细]
  • 本文将详细介绍如何在ThinkPHP6框架中实现多数据库的部署,包括读写分离的策略,以及如何通过负载均衡和MySQL同步技术优化数据库性能。 ... [详细]
  • 本文详细介绍了如何使用jQuery防止事件冒泡,确保子元素的点击事件不会触发父元素或祖先元素的相应事件。通过具体的代码示例和解释,帮助开发者更好地理解和应用这一技术。 ... [详细]
  • 本文介绍了一段使用jQuery实现的用户注册页面表单验证代码,适用于前端开发人员学习和参考。该示例结合了HTML、CSS和JavaScript,确保用户输入的数据格式正确。 ... [详细]
  • 在PHP后端开发中遇到一个难题:通过第三方类文件发送短信功能返回的JSON字符串无法解析。本文将探讨可能的原因并提供解决方案。 ... [详细]
  • 使用JS、HTML5和C3创建自定义弹出窗口
    本文介绍如何结合JavaScript、HTML5和C3.js来实现一个功能丰富的自定义弹出窗口。通过具体的代码示例,详细讲解了实现过程中的关键步骤和技术要点。 ... [详细]
  • Spring Boot 中静态资源映射详解
    本文深入探讨了 Spring Boot 如何简化 Web 应用中的静态资源管理,包括默认的静态资源映射规则、WebJars 的使用以及静态首页的处理方法。通过本文,您将了解如何高效地管理和引用静态资源。 ... [详细]
  • 本文详细介绍了如何使用 HTML 和 CSS 对文件上传按钮进行样式美化,使用户界面更加友好和美观。 ... [详细]
  • 当unique验证运到图片上传时
    2019独角兽企业重金招聘Python工程师标准model:public$imageFile;publicfunctionrules(){return[[[na ... [详细]
  • 理解文档对象模型(DOM)
    本文介绍了文档对象模型(DOM)的基本概念,包括其作为HTML文档的节点树结构,以及如何通过JavaScript操作DOM来实现网页的动态交互。 ... [详细]
  • 本文介绍了如何使用JavaScript和jQuery实现页面元素随着滚动条的移动而相应变化位置的功能,提供了一段简洁的代码示例。 ... [详细]
  • 深入理解Vue.js:从入门到精通
    本文详细介绍了Vue.js的基础知识、安装方法、核心概念及实战案例,帮助开发者全面掌握这一流行的前端框架。 ... [详细]
  • 本文探讨了浏览器的同源策略限制及其对 AJAX 请求的影响,并详细介绍了如何在 Spring Boot 应用中优雅地处理跨域请求,特别是当请求包含自定义 Headers 时的解决方案。 ... [详细]
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社区 版权所有