如何发送POST数据并使用JQuery导航？

Question

在我的博客上,我有很多<pre>包含代码片段的块.

我想要做的是为页面上的.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();
 });