<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Proxy ile URL Kontrolü</h3>
</div>
<div class="panel-body">
<p>Bir web sayfasının veya RSS adresinin içeriğini, **CORS (güvenlik) sorununa takılmadan** kontrol etmek için bir proxy sunucu kullanın. Aşağıdaki alana URL'yi girin.</p>
<div class="form-group">
<div class="input-group">
<input type="text" id="urlInput" class="form-control" placeholder="Örnek: https://www.ntv.com.tr/otomobil.rss" value="https://www.ntv.com.tr/otomobil.rss">
<span class="input-group-btn">
<button class="btn btn-custom" type="button" id="checkBtn">Kontrol Et</button>
</span>
</div>
</div>
<div id="statusMessage" class="alert hidden" role="alert">
<!-- Durum mesajı buraya gelecek -->
</div>
<div id="responseArea" class="hidden">
<h4>Sunucudan Gelen Ham Cevap:</h4>
<pre id="responseContent"></pre>
</div>
</div>
</div>
</div>
body {
background-color: #f4f4f4;
font-family: Arial, sans-serif;
padding-top: 50px;
}
.container {
max-width: 800px;
}
.panel-heading {
background-color: #337ab7;
color: #fff;
}
.btn-custom {
background-color: #5cb85c;
border-color: #4cae4c;
color: #fff;
}
.btn-custom:hover {
background-color: #449d44;
border-color: #398439;
color: #fff;
}
#responseArea {
margin-top: 20px;
padding: 15px;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 4px;
white-space: pre-wrap;
word-wrap: break-word;
max-height: 400px;
overflow-y: auto;
}
$(document).ready(function() {
/*
TEMPLATE TEMPLATE TEMPLATE TEMPLATE TEMPLATE TEMPLATE
$.ajax({
url: "https://projeler.eu5.org/habereklentv.php",
method: "GET",
dataType: "json", // <-- önemli! eğer sadece get istersen bunu kaldır
success: function(response) {
//$("#ntvekle").text(response.status);
},
error: function(xhr, status, error) {
// $("#ntvekle").text("Hata: " + error);
}
});
*/
// Kontrol Et butonuna tıklandığında
$('#checkBtn').on('click', function() {
var targetUrl = $('#urlInput').val();
if (targetUrl.trim() === '') {
$('#statusMessage').removeClass().addClass('alert alert-warning').text('Lütfen bir URL giriniz.');
return;
}
// Proxy PHP dosyasının adını belirtiyoruz
var proxyUrl = targetUrl;
// Kontrol sürecini başlatan mesajı göster
$('#statusMessage').removeClass().addClass('alert alert-info').text('Proxy sunucusu aracılığıyla kontrol ediliyor...');
$('#responseArea').addClass('hidden');
$('#responseContent').text('');
// $.ajax() ile proxy dosyasına GET isteği gönder
$.ajax({
url: proxyUrl,
method: "GET",
data: { url: targetUrl }, // Hedef URL'yi parametre olarak gönder
success: function(response) {
// Proxy'den gelen cevap başarılıysa
$('#statusMessage').removeClass().addClass('alert alert-success').text('İstek başarılı. Aşağıda proxy sunucusundan gelen ham cevabı görebilirsiniz.');
$('#responseArea').removeClass('hidden');
$('#responseContent').text(response);
},
error: function(xhr, status, error) {
// Proxy sunucusuna ulaşım hatası varsa
$('#statusMessage').removeClass().addClass('alert alert-danger').text('Proxy sunucusuna ulaşım sağlanamadı veya proxy sunucusunda bir hata oluştu.');
console.error("AJAX Hatası:", status, error);
}
});
});
});
