博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
dojo ajax 传参_使用Dojo动画AJAX记录删除
阅读量:2521 次
发布时间:2019-05-11

本文共 1631 字,大约阅读时间需要 5 分钟。

dojo ajax 传参

I'm a huge fan of WordPress' method of individual article deletion. You click the delete link, the menu item animates red, and the item disappears. Here's how to achieve that functionality with Dojo JavaScript.

我非常喜欢WordPress删除个别文章的方法。 单击删除链接,菜单项设置为红色,然后消失。 这是使用Dojo JavaScript实现该功能的方法。

PHP-内容和标题 (The PHP - Content & Header)

The following snippet goes at the top of the page:

以下代码段位于页面顶部:

if(isset($_GET['delete'])) {	$query = 'DELETE FROM my_table WHERE item_id = '.(int)$_GET['delete'];	$result = mysql_query($query,$link);}

The following is used to display the records:

以下用于显示记录:

$query = 'SELECT * FROM my_table ORDER BY title ASC';$result = mysql_query($query,$link);while($row = mysql_fetch_assoc($result)) {	echo '
Delete
',$row['title'],'
';}

Dojo工具包JavaScript (The Dojo Toolkit JavaScript)

dojo.addOnLoad(function() {	dojo.query('a.delete').connect('onclick',function(e) {		var a = this;		dojo.anim(a.parentNode,{			backgroundColor: '#fb6c6c'		},300);		dojo.stopEvent(e);		dojo.xhr('get',{			content: {				ajax: 1			},			url: dojo.attr(a,'href'),			load: function() {				dojo.anim(a.parentNode,{					opacity: 0				},300,null,function() {					dojo.query(a.parentNode).orphan();				});			}		});	});});

For every link, we add a click event that triggers the AJAX request. During the request, we transition the containing element to a red background. When the AJAX request returns a "success" response, we slide the element off of the screen.

对于每个链接,我们添加一个点击事件来触发AJAX请求。 在请求期间,我们将包含元素转换为红色背景。 当AJAX请求返回“成功”响应时,我们将元素滑出屏幕。

How would you use this? Share!

您将如何使用它? 分享!

翻译自:

dojo ajax 传参

转载地址:http://dgswd.baihongyu.com/

你可能感兴趣的文章
Alpha 冲刺 (7/10)
查看>>
一款jQuery打造的具有多功能切换的幻灯片特效
查看>>
SNMP从入门到开发:进阶篇
查看>>
@ServletComponentScan ,@ComponentScan,@Configuration 解析
查看>>
unity3d 射弹基础案例代码分析
查看>>
thinksns 分页数据
查看>>
os模块
查看>>
LINQ to SQL vs. NHibernate
查看>>
基于Angular5和WebAPI的增删改查(一)
查看>>
windows 10 & Office 2016 安装
查看>>
最短路径(SP)问题相关算法与模板
查看>>
js算法之最常用的排序
查看>>
Python——交互式图形编程
查看>>
经典排序——希尔排序
查看>>
团队编程项目作业2-团队编程项目代码设计规范
查看>>
英特尔公司将停止910GL、915GL和915PL芯片组的生产
查看>>
团队编程项目作业2-团队编程项目开发环境搭建过程
查看>>
<Using parquet with impala>
查看>>
07-Java 中的IO操作
查看>>
通过镜像下载Android系统源码
查看>>