tp5框架基于ajax实现异步删除图片的方法示例_php实例

来源:脚本之家  责任编辑:小易  

Ajax的框架有许多:如轻量级的Jquery、prototype等,重量级的有ExtJs等。这些框架都提供了快捷方便的Ajax访问方法。作用:这些框架提供了Ajax快捷操作的方法,如快速异步获取一个页面,一个字符串、一个XML或JSON等。并通过回调函数对返回结果进行操作。当然,除了Ajax操作,这些框架还提供了许多其他的方法,如:选择器、属性操作、文档操作、对象等。应用领域:既然是AJAX技术,那么应用的技术领域就是基于浏览器的web应用程序,如网站。业务领域就是多种多样的了,特别是对与互联网行业和软件行业,应用很广泛。基本实现过程:Ajax框架的实现过程比较复杂,通过层层架构,层层继承的方法,提供更多的功能和操作。如果是Ajax技术的使用过程,那么可分为三步:1.配置请求,就是对要获取数据的地址、发送的参数、请求的方式、返回数据格式等。2.发送请求:将配置好的参数发送到指定的URL地址。3.回调:因为是异步请求,因此在发送请求之前,就要配置好请求完毕后要执行的操作,这个就叫回调。回调函数是对请求后处理的结果进行处理。具体代码怎么写就不贴出来了,网上找找有很多www.zgxue.com防采集请勿采集本网。

本文实例讲述了tp5框架基于ajax实现异步删除图片的方法。分享给大家供大家参考,具体如下:

CPAINT CPAINT(跨平台异步接口工具包)在服务器端实现Ajax,它向客户返回文本或DOM文档对象,以便用JavaScript处理。CPAINT在大多数主要浏览器上都能用,而且支持远程脚本,在GPL协议下发布。这个项目的

为了提高用户体验,我们为商品相册制作了ajax无刷新异步删除的功能,过程和方法还是非常值得借鉴的,效果如下:

基于web标准(standards-based presentation)XHTML+CSS的表示;使用 DOM(Document Object Model)进行动态显示及交互;使用 XML 和 XSLT 进行数据交换及相关操作;使用 XMLHttpRequest 进行异步数据查询

上面的图片列表中,你点一下旁边的减号就会在不需要刷新当前页面的情况下不光从网页页面上删除图片,也会从服务器端删除该图片,看看我们的核心处理代码吧:

Google AJAXSLT 基于Google Maps的工作,Google AJAXSLT是使用XPath的XSL转换(XSLT)的JavaScript实现。XSLT可以把XML文档转换为其他语言,如HTML。AJAXSLT允许使用JavaScript在浏览器上直接完成这些转换

首先是客户端的js代码:

首 先要问自己这是一个什么项目,具体的需求是什么,是一个普通类型的网站还是一个在线的web应用程序,是否需要处理大量的键盘和鼠标事件,是否需要给用户 各类高级的ajax特性,还是说只要实现一个简单的

function delrow(o){if(confirm('确定要删除该图吗?')){var div=$(o).parent().parent();var id=div.attr('id');$.ajax({type:"POST",data:{id:id},url:"{:url('Goods/ajaxdelpic')}",success:function(data){if(data==1){div.remove();}else{alert('删除失败!');}}});}}

3、项目WEB层采用当前流行的MVC模式,Struts框架(B/S),配合使用JSTL和HTML页面元素,使用AJAX技术实现异步无刷新, 引用Json实现数据异步传递。4、持久层使用轻量级映射框架 Hibernate。5、服务层面向接口

当请求发送到服务器端的时候我们是这样处理的:

// 异步删除商品相册图片public function ajaxdelpic($id){$gphoto=db('goods_photo');$gphotos=$gphoto->find($id);$ogPhoto=IMG_UPLOADS.$gphotos['og_photo'];$bigPhoto=IMG_UPLOADS.$gphotos['big_photo'];$midPhoto=IMG_UPLOADS.$gphotos['mid_photo'];$smPhoto=IMG_UPLOADS.$gphotos['sm_photo'];@unlink($ogPhoto);@unlink($bigPhoto);@unlink($midPhoto);@unlink($smPhoto);$del=$gphoto->delete($id);if($del){echo 1;}else{echo 2;}}

更多关于thinkPHP相关内容感兴趣的读者可查看本站专题:《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《codeigniter入门教程》、《CI(CodeIgniter)框架进阶教程》、《Zend FrameWork框架入门教程》及《PHP模板技术总结》。

希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

本人总结了Ajax的优点:1。减轻服务器的负担,提升站点的性能2。无刷新更新页面,减少用户实际和心理等待时间3。更好的用户体验4.也可以把以前的一些服务器负担的工作转嫁到服务器,利用客户端闲置的处理能力来进行处理,减轻服务器和宽带的负担,节约空间和宽带租用成本5.Ajax是基于标准化并被广泛支持的技术,并且不需要插件和下载小程序6.Ajax使用Web中的界面与应用分离(也可以说是数据和呈现分离),而在以前两者是没有清晰的界限的,数据与呈现分离,有利于分工合作,减少非技术人员对页面的修改造成的Web应用程序错误,提高效率,也更加适用于现在的发布系统。虽然有如此的优点,但也总有不如意的地方:1.一些手持设备(如手机、PDA等)现在还不能很好的支持Ajax2.用Javascript做的Ajax引擎,Javascript的兼容性和Debug都是让人头疼的事3.Ajax的无刷新重载,由于页面的变化没有刷新重载那么明显,所以容易给用户带来困扰-用户不清楚现在的数据时心得还是已经更新过的;现在的解决方式有在相关位置提示、数据更新的区域设计的比较明显、数据更新后给用户提示等。4.对流媒体的支持没有Flash、Java Applet好5.中间过程不能被bookmark。解决方法:GoogleMaps通过在页面上提供一个“link to this page”的办法来解决。另外,还可以通过在URL连接中加无效的?标记来解决,但还未验证。奶奶的,我一个一个字打上去的,真够辛苦的内容来自www.zgxue.com请勿采集。


  • 本文相关:
  • tp5框架实现上传多张图片的方法分析
  • tp5实现微信小程序多图片上传到服务器功能
  • 基于thinkphp5.0实现图片上传插件
  • thinkphp5+layui实现图片上传加预览功能
  • thinkphp5.0 图片上传生成缩略图实例代码说明
  • thinkphp5框架整合plupload实现图片批量上传功能的方法
  • thinkphp5上传图片及生成缩略图公共方法(分享)
  • thinkphp5.0框架验证码调用及点击图片刷新简单实现方法
  • thinkphp5+plupload实现的图片上传功能示例【支持实时预览】
  • thinkphp5框架实现图片、音频和视频文件的上传功能详解
  • thinkphp5+ueditor图片上传到阿里云对象存储oss功能示例
  • tp5框架实现一次选择多张图片并预览的方法示例
  • 通过源码解析laravel的依赖注入
  • 基于php选项与信息函数的使用详解
  • php处理csv表格文件的常用操作方法总结
  • php数组内存利用率低和弱类型详细解读
  • 使用laravel指定日志文件记录任意日志
  • php生成数组的使用示例 php全组合算法
  • yii实现分页的方法
  • phpstudy下如何为apache安装ssl证书的方法步骤
  • yii使用activefilefield控件实现上传文件与图片的方法
  • php 实现手机端app支付宝支付功能
  • Ajax的优点和缺点?
  • 请帮忙写出Ajax的框架的作用,应用领域和基本实现过程!!!谢谢!!!
  • Ajax的优缺点
  • Ajax开源框架
  • ajax中的框架 和它们的区别
  • 基于Ajax技术的用户定制网站系统开发需要哪些技术,大概框架怎样?
  • HTML5不支持框架页,有什么代替方法吗?我想用Ajax一个页面请求多个servlet?可以吗?
  • javascript框架有哪些
  • 求JAVA项目经验
  • java前端后端都有哪些框架?
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全php基础php技巧php实例php文摘php模板首页php编程php实例thinkphp入门教程thinkphp模板操作技巧总结thinkphp常用方法总结codeigniter入门教程ci(codeigniter)框架进阶教程zend framework框架入门教程php模板技术总结tp5框架实现上传多张图片的方法分析tp5实现微信小程序多图片上传到服务器功能基于thinkphp5.0实现图片上传插件thinkphp5+layui实现图片上传加预览功能thinkphp5.0 图片上传生成缩略图实例代码说明thinkphp5框架整合plupload实现图片批量上传功能的方法thinkphp5上传图片及生成缩略图公共方法(分享)thinkphp5.0框架验证码调用及点击图片刷新简单实现方法thinkphp5+plupload实现的图片上传功能示例【支持实时预览】thinkphp5框架实现图片、音频和视频文件的上传功能详解thinkphp5+ueditor图片上传到阿里云对象存储oss功能示例tp5框架实现一次选择多张图片并预览的方法示例通过源码解析laravel的依赖注入基于php选项与信息函数的使用详解php处理csv表格文件的常用操作方法总结php数组内存利用率低和弱类型详细解读使用laravel指定日志文件记录任意日志php生成数组的使用示例 php全组合算法yii实现分页的方法phpstudy下如何为apache安装ssl证书的方法步骤yii使用activefilefield控件实现上传文件与图片的方法php获取数组长度的方法(有实例)微信公众平台实现获取用户openid教你如何使用php session使用php生成二维码的两种方法(带php发送get、post请求的6种方法简php中把stdclass object转array的微信公众平台网页授权获取用户基laravel框架数据库curd操作、连贯php删除数组中空值的方法介绍php字符串的连接的简单实例配置apache2.2+php5+cakephp1.2+mysql5运php下获取discuz论坛登录用户名、用户组、yii中assets的使用示例ci框架无限级分类+递归的实现代码yii的cdbcriteria查询条件用法实例yii模型操作之criteria查找数据库的方法php版微信公众平台开发之验证步骤实例详解zend framework教程之mvc框架的controlleyii cfilecache 获取不到值的原因分析thinkphp分页实现效果
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved