포럼을 디자인 중이며 동적으로 보이기를 원합니다. 양식 세부 정보를 ajax에 성공적으로 저장했습니다. 하지만 데이터가 저장된 후 데이터가 페이지에 표시되기를 원합니다. 페이지를 다시로드하고 싶지 않습니다. 가능할까요?
이것은 내 HTML 코드입니다
<form class="col s12">
<div class="row">
<div class="input-field col s4">
<i class="tiny material-icons prefix">subject</i>
<input type="text" id="icon_prefix2" name ="heading" required></input>
<label for="icon_prefix2">Heading for your discussion</label>
</div>
</div>
<div class="row">
<div class="input-field col s8">
<i class=" tiny material-icons prefix">mode_edit</i>
<input type="text" id="icon_prefix2" name ="discussion" required></input>
<label for="icon_prefix2">Start your discsussion</label>
<input type="submit" class="btn waves-effect waves-light right" value="post">
</div>
</div>
</form>
<div class="subheading">
Posted Discussions
</div>
post.it를 클릭하면 다음 스크립트를 사용하여 저장되고 게시시 토스트 메시지가 나타납니다. 코드는
$(function () {
$('form').on('submit', function (e) {
e.preventDefault();
$.ajax({
type: 'post',
url: 'cardiosubmit.php',
data: $('form').serialize(),
success: function () {
myFunction()
}
});
});
});
양식을 게시 한 후 페이지의 db에서 데이터를 어떻게 만들 수 있습니까?
필요한 모든 데이터가있는 PHP 스크립트에서 json을 반환하고 페이지에 인쇄 할 수 있습니다.
PHP 파일에서 :
//after saving data to db
$html = '<div>';
$html .= '<span>Field:'.$valueOfFieldYouWantToDisplay.'</span>';//add more if needed.
$html .= '</div>';
return json_encode($html);
$(function () {
$('form').on('submit', function (e) {
e.preventDefault();
$.ajax({
type: 'post',
url: 'cardiosubmit.php',
data: $('form').serialize(),
success: function (data) {
myFunction();
$('.subheading).html(data.html);
// returnedHtml is Data/HTML from your php. It can be in form of a thread.
}
});
});
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다