jQuery kullanarak klik üzerindeki belirli bir öğeyi yeniden yüklemeyi deniyorum, ancak bu düğmeyi tıklattığımda tüm sayfa bu öğeye yüklenir. Bu öğede tüm sayfayı yükleyen aşağıdaki kodu denedim. Sadece belirli bir unsuru yüklemek istiyorum.jQuery ile yeniden yükleme özel elemanı
$("#button").click(function() {
$.get(location.href).then(function(page) {
$("#demo").html($(page).find("#demo").html())
})
})
Sen seçici ile load() kullanabilirsiniz:
<script>
$(document).ready(function() {
$("#button").click(function() {
$("#demo").load(location.href + "#demo");
});
});
</script>
</head>
<body>
<div id="example">
<p id="demo">hi</p>
<button id="button" type="button">press</button>
</div>
Sen $.get() kullanarak sayfayı yükleyin ve #demo parçasını çıkarmak zorunda.
$("#demo").load(location.href + " #demo"); // Add space between URL and selector.
^
Bu location.href URL'den sadece #demo elemanını yükleyecektir.
<head>
<script>
$(document).ready(function() {
$("#button").click(function(){
$.ajax({
url: location.href,
type: 'GET',
sucess: function(data)
{
refreshedPage = $(data);
newDemo = refreshedPage.find("#demo").html();
$('#demo').html(newDemo)
}
});
}
}
</script>
</head>
<body>
<div id="example">
<p id="demo">hi</p>
<button id="button" type="button">press</button>
</div>
</body>
Ama sen sayfanın tamamını, benim kullanışlı olmayabilir yük:
Sen Ajax kullanabilirsiniz, daha sonra responseText ile öğesi oluşturabilir ve ardından div içine koydu. İstenen verileri döndüren bir php betiği oluşturmayı ve sayfa yüklemesinde Ajax ile aramayı ve butonun tıklatılmasını öneriyorum ...