要調用div但在新行中使用javascript ajax

Question

我想從javascript調用div，但結果類似於堆棧

第1頁

     <script>               
        function jvbab(content) {
        var request = $.ajax({
                type: "get",
                url: "ceking.php",   
                data: {bab: content}
               });

            request.done( function( msg ) {
                $("#myboxmin").html(msg); 
            });
            request.fail(function(jqXHR, textStatus) {
                alert( "Request failed: " + textStatus );
            });
        }
        </script>

第2頁

    <script>               
    function jvpasal(content) {
    var request = $.ajax({
            type: "get",
            url: "cektopik.php",   
            data: {pasal: content}
           });

        request.done( function( msg ) {

            $("#mybox").html(msg); 
        });
        request.fail(function(jqXHR, textStatus) {
            alert( "Request failed: " + textStatus );
        });
    }
    </script>

如果我在上面運行div堆棧

喜歡

<div id="myboxmin">
   <div id="mybox">
   </div>
</div>

我想，那兩個div分開..

<div id="myboxmin">
</div>

<div id="mybox">
</div>

您可能知道分隔該div的解決方案嗎？ 謝謝

我的PHP我這樣放..

<?php
session_start();
$bab = $_GET['bab'];
$_SESSION['bab']=$bab;

include '../koneksi.php';
?>

<html>
<head>

            <html xmlns="http://www.w3.org/1999/xhtml">
            <head>
            <meta name="keywords" content="" />
            <meta name="description" content="" />
            <meta http-equiv="content-type" content="text/html; charset=utf-8" />
            <title>Klasifikasi Al-Quran</title>

            <link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css' />
            <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css' />

            <script type="text/javascript" src="sitemapstyler.js"></script>
            <link href="../css/default.css" rel="stylesheet" type="text/css" media="all" />
            <link rel="stylesheet" href="../css/jquery-ui.css" />

            <script>               
            function jvpasal(content) {
            var request = $.ajax({
                    type: "get",
                    url: "cektopik.php",   
                    data: {pasal: content}
                   });

                request.done( function( msg ) {

                    $("#mybox").html(msg); 
                });
                request.fail(function(jqXHR, textStatus) {
                    alert( "Request failed: " + textStatus );
                });
            }
            </script>

</head>
<body>
    <br><br><h1></h1><br><br>
    <h3>Pasal</h3><br>
    <?php                 

    $r=mysql_query("SELECT DISTINCT id_pasal,nama_pasal FROM nama_pasal_topik
                    WHERE id_bab = '$bab' ") or die (mysql_error());

       while($rr=mysql_fetch_array($r)){                   
             $nama_pasal=$rr['nama_pasal'];
             $id_pasal=$rr['id_pasal'];?>

             <a href="#"  id="pasal" name="pasal" onclick="jvpasal('<?php echo $id_pasal; ?>');" ><?php echo $nama_pasal; ?></a>
             <br>  
       <?php } ?>


    <div class="mybox">
    m
    </div> <!--tutup mybox-->
</body>
</html>

Answer 1

您需要找到myboxmin父級並附加一個新的div

 request.done( function( msg ) {    
      $("#myboxmin").parent().append(msg); 
 });

要調用div但在新行中使用javascript ajax

問題描述

1 個解決方案

解決方案1
1 已采納 2015-09-22 02:13:39

要調用div但在新行中使用javascript ajax

問題描述

1 個解決方案

解決方案1 1 已采納 2015-09-22 02:13:39

解決方案1
1 已采納 2015-09-22 02:13:39