弹出窗口关闭后,在原始页面中显示jQuery ajax变量 - javascript

我试图在关闭jQuery窗口后显示数据。我知道数据在那里-关闭jQuery窗口后,可以在警报窗口中显示它。但是...,我希望在jQuery窗口关闭后,在父窗口中显示相同的数据(由于缺乏更好的术语)。我已经尝试解决了3个星期。请帮忙!
最近,我一直在想刷新或重新加载父页面?如果“父页面”是不正确的术语,我表示歉意。我的意思是;调用jQuery弹出窗口的原始页面。

 <!doctype html>
      <html lang="en">
      <head>
      <meta charset="utf-8">
      <title>jQuery UI Dialog - Default functionality</title>
      <link rel="stylesheet" href="//whosgotbooks.com/jquery/jquery-ui-1.10.4.custom.css">
      <script src="//whosgotbooks.com/jquery/jquery-1.10.2.js"></script>
      <script src="//whosgotbooks.com/jquery/jquery-ui-1.10.4.custom.js"></script>
      </head>
      <body>
      <div id="dialog" title="Google Books Search Results" style="display:none;">
      <script>
      var book_title;
      $(function() { 
      $( "#dialog" ).dialog({
        height: 550, width: 450});
        $( ".btn" ).click(function(){ 
       //var book_title = $item['volumeInfo']['title'];
       $.ajax({
         type: "POST",
         url: 'book-meta.php',
         //dataType: 'json',
         //data: { book_title : 'Success!' },
         data: { book_title : $("#returnvalues").val()  },
             success: function(data)
             {
             $.post("/wp-content/plugins/book-search-google/book-search-google.php", data);
             //$(".btn").load("/wp-content/plugins/book-search-google/book-meta.php", data);
             alert(data);
             //console.log(data);
             //$("#dialog").html(data);
             },
             error: function(errorThrown){
             alert('error');
             }
             });
      $( "#dialog" ).dialog( "close" );  
      });
      });
      </script>  
            <strong><p style="font-size: 16px; text-align: center";>Top 10 Results for &quot;<?php echo @$_POST['q']; ?>&quot;</p></strong> 
        <strong><p style="font-size: 14px; text-align: center";>choose a book to select as your topic</p></strong>&nbsp;
        <table style="width:400px">
        <col width="325">
        <col width="75">
            <?php foreach ($data['items'] as $item) { ?>
        <?php for($i =1; $i <11; $i++) { ?>     
                  <tr>
            <td>
                       <strong><u><div style="font-size: 14px";><?php printf($item['volumeInfo']['title'])?></u></div></strong>
                         <strong>Author: </strong><?php printf( $item['volumeInfo']['authors'][0])?><br />
                         <strong>Published: </strong><?php printf( $item['volumeInfo']['publishedDate']); ?><br />                       
               <strong>Page(s): </strong><?php printf( $item['volumeInfo']['pageCount']); ?><br />
                         <strong>Publisher: </strong><?php printf( $item['volumeInfo']['publisher']); ?><br />
                         <strong>Category: </strong><?php printf( strtolower($item['volumeInfo']['printType']).', '.strtolower($item['volumeInfo']['categories'][0])); ?>&nbsp;&nbsp;
               <strong>ISBN: </strong><?php printf( $item['volumeInfo']['industryIdentifiers'][0]['identifier']); ?></td>
            <td><p><input type="submit" method="post" name="selectbook" value="Select" class="btn" id="returnvalues"/></p>
            <img src="<?php printf( rawurldecode($item['volumeInfo']['imageLinks']['smallThumbnail'])); ?>" />
                    </td>
            <tr><td style="width:420px"><p><strong>Description: </strong><?php printf( $item['volumeInfo']['description']); ?><br /></p></td>           
            </tr>
            </tr>

            <?php } } }
            else {
                ?>
                   <p><strong>Sorry, there were no results</strong></p>
                <?php  } 
            /* for testing purposes show actual request to API - REMOVE when finished
            $apiRequest = $url;
            echo '<p>API request: '.$apiRequest.'</p>'; */ ?>
        </table>
      </div>
      </body>
      </html>
          <?php
          else: //show form and allow the user to check for Google Book search results
          ?>

      <p><form id="searchForm" name="searchForm" method="post"> 
        <fieldset id="searchBox">
            <label>Search for a Book:</label>
            <input class="text" id="q" name="q" type="text" value="Powered by Google" onfocus="this.value=''; this.onfocus=null;" />
            <select id="type" name="type" size="1">
                <option selected value="all">Book Title</option>
                <option value="isbn">Books by ISBN</option>
                <option value="lccn">Books by LCCN #</option>
                <option value="oclc">Books by OCLC #</option>                
            </select>
            <input class="submit" id="searchForm" name="submit" type="submit" value="Search"  />
        </fieldset>
      </form></p>
      <?php
      //end submit isset if statement on line 73
      endif;

}

这是我的book-meta.php代码(其中大部分已被注释掉-通过尝试其他方法):

     if ( isset( $_POST['book_title'] )) {
//       session_start();
//      header('Location: '.$_SERVER['REQUEST_URI']);
//      header('Location: '.$_SERVER['PHP_SELF']);
//        $book_title = $_POST['book_title'];
//        $_SESSION['book_title'] = $book_title;
//        echo $_SESSION['book_title'];
        $book_title = $_REQUEST['book_title'];
//      $book_title = (isset($_POST['book_title']))?$_POST['book_title'] : 'not yet';
        echo $book_title;
        echo "Test within IF statement <br>";

      }
      //$_SESSION['$book_title'] = (isset($_POST['book_title']) ? $_POST['book_title'] : "");

      echo "Test outside IF statement <br>";

这是我所谓的book-meta.php的方法:

  include 'book-meta.php';
  //$_SESSION['$book_title'] = (isset($_POST['book_title']) ? $_POST['book_title'] : "");
  echo $book_title;//   

如果需要,我可以添加其他源代码。请帮忙!

参考方案

如果您想在html页面中显示数据,建议您在此页面中放置一个具有您想要的ID的div元素(假设为“ displayTest”)。然后,当您在ajax回调函数中获取数据时,请使用以下代码:

$( "#displayTest" ).append(data);

代替:

alert(data);

希望能帮助到你。

当<form>'.submit'函数被覆盖时(使用Ajax)将数据获取到php吗? - javascript

我已覆盖此网页上表单的.submit函数,因为该网页已加载在“ index.php”中的#mainContent内,并且我希望“提交”按钮仅替换此#mainContent。我正在尝试将数据从此表单获取到.php文件,以便对数据库进行查询(或简单地回显已填充的变量,以指示已传递数据)。我是AJAX的新手。有人可以向我解释如何将数据传递到.php文件,或者指向要…

使用php重新加载内容 - javascript

在对网站进行编程时,我以前使用过此代码,它可以完美工作,但是现在当我想使用一些Flash部件时,每次单击链接时,它都会重新加载所有网站。源代码: <!DOCTYPE html> <html> <head> <title>Hot King Staff</title> <meta charset=…

用jQuery填充模式形式 - javascript

我正在将订单表从数据库绘制到datatables(jquery插件)中。我要在每笔最后一笔交易或每笔交易中增加付款。问题是,如何获取单击添加付款按钮以添加付款的行的订单ID。其次,当点击addpayment时,它会弹出一个带有字段或订单号的模态表单。我想用在td中找到的订单ID填充该字段,并使其不可编辑或隐藏,但在提交模态表单时将其发布到服务器。表格和模式表…

保留文本区域的数据或值,然后选择输入 - javascript

通过$ _POST提交表单时,输入文件值仍然保留。像这样: if($_POST){ $error = false; if(!$post['price']){ $error = true; $error_note['price'] = "*Should not be empty"; } if($err…

混合码错误 - javascript

好的,我在网站上为用户个人资料提供了一个基本的多合一页面,如下所示:<?php if($_GET['p']=='pb'){ echo '<p>pb</p>'; }elseif($_GET['p']=='example2'){ ec…