Question

我正在尝试动态替换div内容ajax调用。以下是我尝试过的代码。

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
<a  class="reply_doc" data-doc_value="1">111</a><br>
<a href="#" class="reply_doc" data-doc_value="2">222</a><br>
<a href="#" class="reply_doc" data-doc_value="3">333</a><br>
<script type="text/javascript">
$(document).ready(function(){
  $(".reply_doc").click(function () {
    var a = $("a.reply_doc").attr("data-doc_value"); //<-- Add this
    if (a != "") {
    $.ajax({
        type: "POST",
        url: "sortingajax.php",
        data: "doc_reply=" + a,
        success: function (b) {
            alert(a+' ok. '+b)
            $('#ResponseDiv').html(b);
            console.log(b);
        }
    });
  }
 });
});
</script>
<div id='ResponseDiv'>
        This is a div to hold the response.
</div>
</body>
</html>

sortingajax.php

<?php
include('connection.php');
$countsql='SELECT * FROM XML WHERE';
$countsql1=mysql_query($countsql);
$numrows = mysql_num_rows($countsql1);  
$countArray2=array();

while($row = mysql_fetch_array($countsql1)) {
    // Append to the array
    $countArray2[] = $row;
    //echo $row['PID']."<BR />";
}

?>
<?php
foreach($countArray2 as $array)
{
?>
        <div class="search">

        I am in US.
        </div>
        <?php

 $i++; } ?>

在第一页中。当我点击一个链接时，它会用ajax调用调用sortingajax.php。之后它应该用sortingajax.php内容替换ResponseDiv内容。

请告诉我我在哪里做错了，因为我不知道ajax电话......

Answer 1

你的ajax代码看起来是正确的，另一方面php代码看起来有点不对劲。首先，请停止使用已弃用的mysql_* API，然后切换为PDO或mysqli。
mysql_* api已弃用，很快就会从php中删除。

SELECT * FROM XML WHERE

^这不是一个正确的mysql查询，您需要在WHERE关键字后添加要检查的内容，或者如果要从XML表中选择所有行，则只需跳过它。
由于此查询失败，您将无法打印任何数据，并且在完成调用后您的ResponseDiv应为空。

Answer 2

您已将查询保留为部分。请在WHERE之后填写条件，否则从 sortingajax.php

中删除查询中的WHERE

您正在var doc_reply 中发送数据，但您未在 sortingajax.php 文件中使用此变量。
为什么使用两个不同的循环？
不推荐使用Mysql。使用 Mysqli 代替它。

Answer 3

    follow this Simple Example Of add or remove element using ajax/jQuery

- 实例：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>     
<div id="files">
             <div>
                <input type="text" name="description[]" class="form-control" placeholder="File Description"/> <br/>
                    <input type="file" name="files[]" /> 
                </div>
            </div>
     </div>
    <div style="margin: 5px; cursor: pointer;" class="text-center">
             <a id="addFile"><strong>+ Add Another File</strong></a>
    </div> 

    <script>
     $(document).ready(function() {
             $("#addFile").click(function() {
                 $("#files").append("<div>Your Contain</div>");
            });
        });
    </script>

如果你想删除元素..然后使用这个简单的代码 $（“#Id Of Element”）。remove（）

用ajax替换div内容

3 个答案: