MySQL 데이터베이스에서 jQuery Ajax 요청을 받으면 아래와 같이 테이블이나 목록과 같은 HTML 요소 형식으로 데이터를 렌더링하는 방법을 알고 있습니다.
$.ajax({
type:"POST",
url:"appdata.php",
success: function (newdata) {
$('#result').html(newdata);
}
});
PHP는 다음과 같습니다.
$mysqli = new mysqli('localhost', 'root', '******', '********');
$resultStr = '';
$query = 'SELECT * FROM appusers';
if ($result = $mysqli->query($query)) {
if ($result->num_rows > 0) {
$resultStr.='<ul>';
while($row = $result->fetch_assoc()){
$resultStr.= '<li>'.$row['fname'].' - '.$row['lname'].' - '.$row['phone'].'</li>';
}
$resultStr.= '</ul>';
}
else {
$resultStr = 'Nothing Found';
}
}
echo $resultStr;
?>
다른 옵션은, 또한,을 이용하여 JSON으로 결과를 지나가는 json_encode()다음으로
$mysqli = new mysqli('localhost', 'root', '******', '********');
$query = 'SELECT * FROM appusers';
$result = $mysqli->query($query)->fetch_array();
echo json_encode($result);
이제 json_encode($result)Ajax 호출에서 이것을 사용하는 방법을 완전히 혼란 스럽 습니까? 예를 들어 다음과 같은 일련의 div에서 쿼리 결과를 렌더링하려면 알려주세요.
<div id"fname"></div>
<div id"lname"></div>
<div id"phone"></div>
아약스 성공 속성에서 이것을 어떻게 구문 분석 할 수 있습니까? 관련 div에 각 필드를 연결 하시겠습니까? 사전에 도움을 주셔서 감사합니다.
최신 정보:
var varfname;
var varlname;
var varphone;
$(#fname).html(varfname);
$(#lname).html(varlname);
$(#phone).html(varphone);
이것이 도움이 될 것이라고 생각하지만 요구 사항에 따라 newdata변수 값 을 변경해야 합니다. 요구 사항에 따라 약간의 편집이 필요합니다.
$.ajax({
type:"POST",
url:"appdata.php",
success: function (data) {
var newdata='';
$.each(data, function(item,value)
{
newdata+='<div id="'+item+'">'+value+'</div>';
});
$('#result').html(newdata);
}
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다