Javascript 需要一些关于jquery中对话框的简单解释吗?

Javascript 需要一些关于jquery中对话框的简单解释吗?,javascript,jquery,Javascript,Jquery,我刚刚开始学习jquery和JavaScript,这样我就可以在当前的asp.net项目中实现它。然而,我很难理解如何创建一个对话框,当用户试图按下删除按钮时,该对话框将显示出来,如果用户选择按钮“是”,它将进入asp.net代码隐藏中的删除功能,或者如果用户选择“否”,它将被终止,并且不会采取任何行动 注意:我不想找人来教我,我只是想要一些解释、代码示例和指向信息的链接,我可以阅读、理解并自己尝试 提前感谢。在javascript中,您可以使用“确认”来阻止表单提交,例如 <form o

我刚刚开始学习jquery和JavaScript,这样我就可以在当前的asp.net项目中实现它。然而,我很难理解如何创建一个对话框,当用户试图按下删除按钮时,该对话框将显示出来,如果用户选择按钮“是”,它将进入asp.net代码隐藏中的删除功能,或者如果用户选择“否”,它将被终止,并且不会采取任何行动

注意:我不想找人来教我,我只是想要一些解释、代码示例和指向信息的链接,我可以阅读、理解并自己尝试


提前感谢。

在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,我只想添加交互,询问用户是否确定他想删除。我在发布之前浏览了整个网站以找到我的答案,但没有运气。