Javascript 需要一些关于jquery中对话框的简单解释吗?
我刚刚开始学习jquery和JavaScript,这样我就可以在当前的asp.net项目中实现它。然而,我很难理解如何创建一个对话框,当用户试图按下删除按钮时,该对话框将显示出来,如果用户选择按钮“是”,它将进入asp.net代码隐藏中的删除功能,或者如果用户选择“否”,它将被终止,并且不会采取任何行动 注意:我不想找人来教我,我只是想要一些解释、代码示例和指向信息的链接,我可以阅读、理解并自己尝试Javascript 需要一些关于jquery中对话框的简单解释吗?,javascript,jquery,Javascript,Jquery,我刚刚开始学习jquery和JavaScript,这样我就可以在当前的asp.net项目中实现它。然而,我很难理解如何创建一个对话框,当用户试图按下删除按钮时,该对话框将显示出来,如果用户选择按钮“是”,它将进入asp.net代码隐藏中的删除功能,或者如果用户选择“否”,它将被终止,并且不会采取任何行动 注意:我不想找人来教我,我只是想要一些解释、代码示例和指向信息的链接,我可以阅读、理解并自己尝试 提前感谢。在javascript中,您可以使用“确认”来阻止表单提交,例如 <form o
提前感谢。在javascript中,您可以使用“确认”来阻止表单提交,例如
<form onsubmit="return confirm('do you really want to delete this?');" method="post">
<input type="submit" value="click me">
</form>
如果单击确认框中的[确定],则“返回”将返回“true”,然后提交表单;如果单击[取消],则返回“false”,然后不提交表单
[编辑]一些可能有用的链接:
- 一个简单的例子(不需要jQuery)是:
function deleteConfirm ()
{
if ( confirm('Are you sure you want to delete this?') )
{
// do ajax call (jquery would be handy for this)
// or redirect to delete script
}
return false;
}
此方法使用内置的javascript confirm()函数。如果您计划进行ajax调用以访问asp.net代码,那么我建议使用jQuery的ajax函数:
,我假设您希望删除实际上是调用事件处理程序的回发的结果。正如其他一些人所指出的,您也可以使用AJAX来实现这一点,这可能会更容易实现。 基本思想是让按钮上的单击功能弹出对话框,然后返回false以停止正常操作。在“Yes”回调处理程序中,需要设置_EVENTTARGET并使用_doPostback模拟按钮单击
查看此图以了解它是如何工作的以及您将如何模拟它。jQueryUI1.7现在内置了一个对话框组件 看一看和一些如何使用它的例子
特别是,请看第二个链接和“确认对话框”示例。我认为,这几乎完全说明了你想要做什么。只需点击演示下方的“查看源代码”链接。完全未经测试,但您应该了解。。。此代码段将类为“delete_user”的所有元素的单击事件绑定到确认对话框
// Bind the click event to all
$('.delete_user').click(function () {
// Find the user's ID which is the value of a hidden INPUT element with the
// same parent as the deletion button.
var userId = $(this).siblings(':hidden').eq(0).val();
// Make the user confirm the deletion.
var result = confirm('Are you sure?');
// If the user has confirmed deletion, make an AJAX request to:
// /delete_user/?user=<ID>
if (result) {
$.ajax({
data: { user: userId },
url: '/delete_user/',
success: function () { alert('Successfully deleted user!'); },
error: function () { alert('Error when trying to delete user!'); }
});
}
// Don't ever do what the browser wants you to do by returning false.
return false;
});
//将单击事件绑定到所有
$('.delete_user')。单击(函数(){
//查找用户ID,该ID是具有
//与删除按钮相同的父项。
var userId=$(this).sides(':hidden').eq(0.val();
//让用户确认删除。
var result=confirm('您确定吗?');
//如果用户已确认删除,请向以下人员发出AJAX请求:
///delete\u user/?user=
如果(结果){
$.ajax({
数据:{user:userId},
url:“/delete_user/”,
成功:函数(){alert('Successfully deleted user!');},
错误:函数(){alert('尝试删除用户时出错!');}
});
}
//永远不要通过返回false来执行浏览器希望您执行的操作。
返回false;
});
其他答案适用于javascript,但您是否正在尝试使用jQuery UI对话框插件?是的,这就是我想要使用的,我无法理解如果按下“确定”按钮,我如何使其继续执行删除功能,如果按下“取消”按钮,我如何取消操作。我想您的示例就是我想要的,然而,在我的项目中,我使用母版页(asp.net),不确定我将如何实现它。它们包含有关如何在ASP.NET页面上单击按钮实现此功能的信息。祝你好运谢谢,这就是我的问题的答案。我已经完成了这个项目的所有代码,我真的不想重做它并添加ajax,我只想添加交互,询问用户是否确定他想删除。我在发布之前浏览了整个网站以找到我的答案,但没有运气。