Question

由于我对javascript的了解非常有限，AJAX已经设法通过使用两个单独的脚本来组合两个函数。通过单击按钮，它从服务器获取数据并执行结果的显示/隐藏功能。但是，这是一个问题。在第一次点击，只有第一次点击，没有任何事情发生，我猜测数据只从服务器获取。之后，数据会隐藏，并在随后点击按钮时显示。

如何更改脚本，以便在第一次点击时，数据被提取并显示，因为数据应该根据请求显示，因为会有很多行数据。

function sendIt() {

x =  (document.getElementById('part_number_id').value);


var xhttp = new XMLHttpRequest();



$.ajax({
type: "GET",
url: 'serv_reply20.php',
data: {name: x},
success: function(data){
    $('#result').html(data);

}
});


}


</script>
<style>
p {
background: #dad;
font-weight: bold;
font-size: 16px;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>

</head>

The other part of the HTML is :
 <button onclick="sendIt()">Expand</button>
 <script>
 $( "button" ).click(function() {
 $( "p" ).toggle( "slow" );
 });
 </script>

<form name="expand_discount_form" >
<input type="hidden" id="part_number_id" name="part_number" value="<?  php echo $row['mpn']; ?>">

</form>

<p id="result"> </p>

获取数据＆amp;隐藏/显示结果的功能显示仅在第一次点击按钮

0 个答案: