반응형
해결 방법
이것부터 시작해야합니다
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Ajax With Jquery</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$('#txtValue').keyup(function(){
$.ajax({
url: '/ajax.php',
type: "POST",
data: "value="+$(this).val,
cache: true,
dataType: "JSON",
success: function(response){
$("#leader-board").append("you choose "+ $(this).val + "color : " +response.count + " times");
}
});
});
});
</script>
</head>
<body>
<label for="txtValue">Enter a value : </label>
<input type="text" name="txtValue" value="" id="txtValue">
<div id="leader-board"></div>
</body>
</html>
그리고 ajax.php 파일은 다음과 같습니다.
<?php
//if your data return result like this so you have to do this process
$data = array("count"=>5);
echo json_encode($data);
?>
참조 페이지 https://stackoverflow.com/questions/8814381
반응형
'MySql' 카테고리의 다른 글
| MySQL 알 수없는 테이블 엔진 innodb (0) | 2020.09.24 |
|---|---|
| MySQL mysql의 테이블에서 마지막 N 개 레코드를 선택하는 방법 (0) | 2020.09.24 |
| MySQL mysqldump 오류 : 패킷이 max_allowed_packet보다 큽니다. ' (0) | 2020.09.24 |
| MySQL JDBC의 MySql 테이블에 특정 기본 키가있는 레코드가 있는지 확인하는 방법 (0) | 2020.09.24 |
| MySQL "선택"을 사용하지 않고 테이블이 있는지 확인 (0) | 2020.09.24 |
댓글