저는 jQuery를 처음 접했고 그걸로 연습하고 있습니다. 나는이 HTML 간단한 페이지를했습니다 :jQuery를 사용하여 쿼리 결과를 선택하십시오.
<html>
<head>
<title> Testing jQuery
</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="script.js" type="text/javascript"></script>
<link href="mycss.css" rel="stylesheet" type="text/css">
</head>
<body>
<h2 id="myH"> This is a title.</h2>
<br>
<br>
<fieldset>
<legend>Data</legend>
<form name="myForm">
<input type="text" id="firstData" placeholder="Write something in here" \>
<br>
<br>
<input type="text" id="secondData" placeholder="Write something else in here" \>
<br>
</form>
<button id="formButton" value="Confirm">Confirm</button>
</fieldset>
<br><br><br>
<div id="myDiv"></div>
</body>
</html>
이 PHP 스크립트 :
<?php
/* Connection to DB*/
.... CONNECTIONS STUFF.........
$query = " SELECT * FROM table1;";
$results = mysql_query($query);
echo " <table border=\"2\"><tr> <th>ID</th><th>First</th><th>Second</th></tr>";
while($row = mysql_fetch_array($results)) {
?>
<tr>
<td>
<?php echo $row['ID']?>
</td>
<td>
<?php echo $row[ 'First']?>
</td>
<td>
<?php echo $row[ 'Second']?>
</td>
</tr>
<?php
} echo "</table>"; ?>
그리고 마지막으로이 코드 JS :
$(function() {
$('#formButton').on('click', function (e) {
var firstData = $('#firstData').val();
var secondData = $('#secondData').val();
var query = 'first=' + firstData + '&second=' + secondData;
// Here I use another php script.
$.get('myData.php', query, function (data) {
$('#myDiv').html(data);
});
});
$('#formButton').on('click', function (e) {
$.ajax({
url: "myquery.php",
type: "POST",
success: function (data) {
$("#myDiv").empty().html(data);
}
});
});
});
좋아 지금은 삽입 한 것을 모든 코드를 , 문제는 myData.php 스크립트를 사용하여 데이터베이스에 요소를 추가 할 수 있지만 맨 위에 요소를 추가 할 수있는 페이지를 작성하고 맨 아래의 확인 버튼을 클릭하면) 모든 콘테 테이블의 nts가 표시됩니다. 그래서 요소를 추가 할 수는 있지만 요소를 표시 할 수는 없습니다. 저는 jQuery에 익숙하지 않고 그것을 작동 시키려고 노력하고 있습니다. 웹에서 다른 연구를했지만 문제를 해결할만한 것을 찾을 수 없었습니다. 누군가 나를 기쁘게 할 수 있었습니까? 감사!
고마워요! 그것은 완벽하게 작동하기 때문에 두 가지 다른 아약스 요청간에 일종의 갈등이 발생 했습니까? –
예, 두 개의 Ajax 요청에 대해 비동기 false로 만들어야합니다. 따라서 두 번째 아약스는 첫 번째 완료 후 해고됩니다. –
Perfect! 감사합니다 :) –