Question

Ich在JQuery上有以下网站：

＆＃13;

<html>
<head>
<title>Testpost</title>
<script type="text/javascript" src="../jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	var sendtest = $("#sendtest");
	sendtest.keyup(function(){
	     $.post( 
        "test.php",
         { nur: sendtest.val() },
         function(data) {
         $('#receivetest').html(data);
			}
		 );
	});
	});	
</script>
</head>
<body>
	<input type="text" name="season" id="sendtest"/>
	<div id="receivetest"></div>
</body>
</html>

＆＃13;

关注test.php：

＆＃13;

<?php


   $nur = $_POST['nur'];
   echo $nur;


?>
<p id="hello">Hello World!</p>

＆＃13;

现在我想在receivetest-div上看到echo $ nur; ！我该怎么做？

Answer 1

像这样编码不是一个好习惯。最好在PHP文件中添加一个参数，当你不需要它时会隐藏div。

但是，您可以隐藏div：

$('#receivetest').find('#hello').hide();

这将保留<div id="hello">及其内容的html，并将其隐藏到客户端。

你也可以通过这样做删除div：

$('#receivetest').find('#hello').remove();

Answer 2

您可以使用以下代码

    <html>
<head>
<title>Testpost</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    var sendtest = $("#sendtest");
    sendtest.keyup(function(){
         $.post( 
        "asd.php",
         { nur: sendtest.val() },
         function(data) {
         $('#receivetest').html(data);
         $('#receivetest').find('#hello').remove();
            }
         );
    });
    }); 
</script>
</head>
<body>
    <input type="text" name="season" id="sendtest"/>
    <div id="receivetest"></div>
</body>
</html>

JQuery Post Callback过滤选择数据

2 个答案: