[]
derdimi resimle anlatıyorum bu sefer
1-index.html. görüldüğü üzere bir buton var.
2-butona bastığımda altındaki div e a.php (kendisi hello worldden ibaret) yüklenmekte, ekrana alert falan gelmekte, burada sorun yok gibi.
3- client.php. burada da bir buton var. bu buton, index.phpdeki gibi basıldığı zaman bbbbbbbb yazan yere index.htmli yüklesin.
4-yükledi de, yuvarlak içine aldığım yerde index.htmli görüyoruz.
sorun şu, yüklenmiş olan index.phpde bir işlem yapamıyor muyuz? yani asdasdas data butonuna bastığımda bu sefer altına hello world yazısı gelmemekte, alert ötüp ekrana mesaj gelmemekte.
içiçe sayfalarda içteki sayfa neden işlevsiz kalmakta bu kodda?
bu client.php
<!-------------------------------------------------------------------------------------------------------------------------------->
<html>
<head>
<script language="javascript" type="text/javascript" src="jquery-1.9.1.js"></script>
</head>
<body>
<h2> Client example </h2>
<h3>Output: </h3>
<div id="output">aaaaaaaaaaaaaaa</div>
<div id="output2">bbbbbbbbbbbbbhis text will be replaced</div>
<div id="output3">ccccccccccccccccct will be replaced</div>
<button type="button" onclick="loadXMLDoc()">bu bir dugmedir</button>
<script id="source" language="javascript" type="text/javascript">
function loadXMLDoc()
{
alert('helehele');
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("output2").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","index.html",true);
xmlhttp.send();
xmlhttp.close();
}
$(function ()
{
$.ajax({
url: 'api.php', //the script to call to get data
data: "", //you can insert url argumnets here to pass to api.php for example "id=5&parent=6"
dataType: 'json', //data format
success: function(data) //on recieve of reply
{
alert('tetete');
var id = data[0]; //get id
var vname = data[1]; //get name
$('#output').html("<b>id: </b>"+id+"<b> name: </b>"+vname);
}
});
});
</script>
</body>
</html>
bu da index.html
<!DOCTYPE html>
<html>
<head>
<script language="javascript" type="text/javascript" src="jquery-1.9.1.js"></script>
</head>
<script>
function loadXMLDoca()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
alert('uuuu');
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("POST","a.php",true);
xmlhttp.send();
$(document).ajaxComplete(function() {
alert('olduuu');
$( ".log" ).text( "Triggered ajaxComplete handler." );
});
}
</script>
</head>
<body>
<h2>AJAX</h2>
<button type="button" onclick="loadXMLDoca()">asdsadsadsad data</button>
<div id="myDiv">burada yazi<div id="myDiv"></div>
</body>
</html>
jquery ajax falan inception durumu
derdimi resimle anlatıyorum bu sefer1-index.html. görüldüğü üzere bir buton var.
2-butona bastığımda altındaki div e a.php (kendisi hello worldden ibaret) yüklenmekte, ekrana alert falan gelmekte, burada sorun yok gibi.
3- client.php. burada da bir buton var. bu buton, index.phpdeki gibi basıldığı zaman bbbbbbbb yazan yere index.htmli yüklesin.
4-yükledi de, yuvarlak içine aldığım yerde index.htmli görüyoruz.
sorun şu, yüklenmiş olan index.phpde bir işlem yapamıyor muyuz? yani asdasdas data butonuna bastığımda bu sefer altına hello world yazısı gelmemekte, alert ötüp ekrana mesaj gelmemekte.
içiçe sayfalarda içteki sayfa neden işlevsiz kalmakta bu kodda?
bu client.php
<!-------------------------------------------------------------------------------------------------------------------------------->
<html>
<head>
<script language="javascript" type="text/javascript" src="jquery-1.9.1.js"></script>
</head>
<body>
<h2> Client example </h2>
<h3>Output: </h3>
<div id="output">aaaaaaaaaaaaaaa</div>
<div id="output2">bbbbbbbbbbbbbhis text will be replaced</div>
<div id="output3">ccccccccccccccccct will be replaced</div>
<button type="button" onclick="loadXMLDoc()">bu bir dugmedir</button>
<script id="source" language="javascript" type="text/javascript">
function loadXMLDoc()
{
alert('helehele');
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("output2").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","index.html",true);
xmlhttp.send();
xmlhttp.close();
}
$(function ()
{
$.ajax({
url: 'api.php', //the script to call to get data
data: "", //you can insert url argumnets here to pass to api.php for example "id=5&parent=6"
dataType: 'json', //data format
success: function(data) //on recieve of reply
{
alert('tetete');
var id = data[0]; //get id
var vname = data[1]; //get name
$('#output').html("<b>id: </b>"+id+"<b> name: </b>"+vname);
}
});
});
</script>
</body>
</html>
bu da index.html
<!DOCTYPE html>
<html>
<head>
<script language="javascript" type="text/javascript" src="jquery-1.9.1.js"></script>
</head>
<script>
function loadXMLDoca()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
alert('uuuu');
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("POST","a.php",true);
xmlhttp.send();
$(document).ajaxComplete(function() {
alert('olduuu');
$( ".log" ).text( "Triggered ajaxComplete handler." );
});
}
</script>
</head>
<body>
<h2>AJAX</h2>
<button type="button" onclick="loadXMLDoca()">asdsadsadsad data</button>
<div id="myDiv">burada yazi<div id="myDiv"></div>
</body>
</html>
1
