|
 |
| |
CODE Ajax ของผมไม่ทำงานบนโฮสครับ จนปัญญาจริงๆไม่รู้จะทำอย่างไงดี ช่วยดูหน่อยครับ |
| |
 |
|
|
 |
 |
|
CODE Ajax ของผมไม่ทำงานบนโฮสจริงครับ ตอนรันบนlocalhost ทำงานได้ปกตินะครับ
จนปัญญาจริงๆไม่รู้จะทำอย่างไงดี ช่วยดูหน่อยครับ
อันนี้หน้า indexครับ
Code (PHP)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TEST AJAX</title>
<script type="text/javascript" src="myajax.js"></script>
<script language="javascript">
function display01(data) {
var objDiv = document.getElementById("targetDiv");
objDiv.innerHTML = data;
}
function display04(strBookDetails) {
var objDiv = document.getElementById("targetDiv4");
objDiv.innerHTML = strBookDetails;
}
function select01(vv){
var data = vv;
postDataReturnText('list01', 'ip=' + data, display01);
}
function select04(vv){
var data = vv;
postDataReturnText('listbook', 'ip=' + data, display04);
}
</script>
</head>
<body>
<select name="02" onChange = "select01(this.value),select04(this.value)">
<option selected value="AJAX1">---TEST AJAX1---</option>
<option selected value="AJAX2">---TEST AJAX2---</option>
<option selected value="AJAX3">---TEST AJAX3---</option>
<option selected value="AJAX4">---TEST AJAX4---</option>
<option selected value="AJAX5">---TEST AJAX5---</option>
</select>
<input name="" type="button" onClick="select01(this.value)">
<br />
<div id="targetDiv"></div>
<div id="targetDiv4"></div>
</body>
</html>
ไฟร์ AJAX ครับ
Code (JavaScript)
/**************************************************
***** ใช้เมธอด GET ดึงข้อมูลแบบ Text ********************
***************************************************/
function getDataReturnText(url, callback) {
var objRequest = false;
if (window.XMLHttpRequest) {
objRequest = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
objRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
if (objRequest) {
objRequest.open("GET", url);
objRequest.onreadystatechange = handleResponse;
objRequest.send(null);
}
//ฟังก์ชั่น handleResponse เป็น Inner Function
function handleResponse() {
if (objRequest.readyState == 4 && objRequest.status == 200) {
callback(objRequest.responseText);
delete objRequest;
objRequest = null;
}
} //จบฟังก์ชั่น handleResponse ที่เป็น Inner Function
} //จบฟังก์ชั่น getDataReturnText
/**************************************************
***** ใช้เมธอด GET ดึงข้อมูลแบบ XML *********************
***************************************************/
function getDataReturnXML(url, callback) {
var objRequest = false;
if (window.XMLHttpRequest) {
objRequest = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
objRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
if (objRequest) {
objRequest.open("GET", url);
objRequest.onreadystatechange = handleResponse;
objRequest.send(null);
}
//ฟังก์ชั่น handleResponse เป็น Inner Function
function handleResponse() {
if (objRequest.readyState == 4 && objRequest.status == 200) {
callback(objRequest.responseXML);
delete objRequest;
objRequest = null;
}
} //จบฟังก์ชั่น handleResponse ที่เป็น Inner Function
} //จบฟังก์ชั่น getDataReturnXML
/**************************************************
***** ใช้เมธอด POST ส่งข้อมูล และรับผลลัพธ์แบบ Text กลับมา ****
***************************************************/
function postDataReturnText(url, data, callback) {
var objRequest = false;
if (window.XMLHttpRequest) {
objRequest = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
objRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
if (objRequest) {
objRequest.open("POST", url);
objRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
objRequest.onreadystatechange = handleResponse;
objRequest.send(data);
}
//ฟังก์ชั่น handleResponse เป็น Inner Function
function handleResponse() {
if (objRequest.readyState == 4 && objRequest.status == 200) {
callback(objRequest.responseText);
delete objRequest;
objRequest = null;
}
} //จบฟังก์ชั่น handleResponse ที่เป็น Inner Function
} //จบฟังก์ชั่น postDataReturnText
/**************************************************
***** ใช้เมธอด POST ส่งข้อมูล และรับผลลัพธ์แบบ XML กลับมา *****
***************************************************/
function postDataReturnXML(url, data, callback) {
var objRequest = false;
if (window.XMLHttpRequest) {
objRequest = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
objRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
if (objRequest) {
objRequest.open("POST", url);
objRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
objRequest.onreadystatechange = handleResponse;
objRequest.send(data);
}
//ฟังก์ชั่น handleResponse เป็น Inner Function
function handleResponse() {
if (objRequest.readyState == 4 && objRequest.status == 200) {
callback(objRequest.responseXML);
delete objRequest;
objRequest = null;
}
} //จบฟังก์ชั่น handleResponse ที่เป็น Inner Function
} //จบฟังก์ชั่น postDataReturnXML
สองอันสุดท้ายเป็นหน้าที่ถูกดึงครับ
Code (PHP)
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
TEST List01
<?
echo '= ip ='.$_POST['ip'];
?>
Code (PHP)
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
TEST Listbook
<?
echo '= ip ='.$_POST['ip'];
?>
ช่วยดูหน่อยนะครับ จนปัญญาจริงๆ ไม่รู้เป็นเพราะอะไร
Tag : JavaScript, Ajax, CakePHP
|
|
|
 |
 |
 |
 |
| Date :
2013-04-25 11:13:33 |
By :
kissover |
View :
1107 |
Reply :
3 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
อืม.. ลองเรียกไฟล์ php โดยตรง มันทำงานหรือเปล่าครับ
ว่าแต่ทำไมไม่ไปใช่ jQuery แทนล่ะครับ เขียนสั้น และง่ายกกว่าเยอะเลยครับ 
|
| |
|
|
| |
| Date :
2013-04-25 11:36:40 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ยังไม่ได้อะครับ
|
ประวัติการแก้ไข
2013-04-25 13:24:15
| |
|
|
| |
| Date :
2013-04-25 11:59:56 |
By :
kissover |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
มีใครแก้ได้ไหมครับ
|
| |
|
|
| |
| Date :
2013-04-25 18:46:14 |
By :
kissover |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 02
|
