javascript - 如何发送 POST 数据并使用 JQuery 进行导航？

Question

在我的博客上我有很多 <pre>包含代码片段的 block 。

我想做的是添加一个 .click()所有 <pre> 的处理程序页面上的元素会将其内容发送到另一个页面 - 我们称之为 viewcode.php - 通过 POST。

我知道如何使用 $.ajax 将信息发送到此页面，我只是不确定如何发送信息和导航到页面。

这个想法是访问者可以点击 <pre>它将导航到另一个包含代码的页面，以提高可读性和轻松复制/粘贴。

我觉得解决方案非常简单而且可能很明显，我只是想不出。

Answer 1

不确定我会用这种方式处理它，可能我会简单地弹出一个带有代码的对话框而不是离开页面，但是你可以通过使用 javascript 构建一个表单然后触发该表单上的提交而不是使用来处理这个问题AJAX。

在 jQuery UI 中使用对话框:

 $('pre').on('click', function() {
      $('<div title="Code Preview"><p>' + $(this).text() + '</p></div>').dialog({
          ... set up dialog parameters ...
      });
 });

构建表单

 $('pre').on('click', function() {
      var text = $(this).text();
      $('<form class="hidden-form" action="something.php" method="post" style="display: none;"><textarea name="code"></textarea></form>')
          .appendTo('body');
      $('[name="code"]').val(text);
      $('.hidden-form').submit();
 });