ajax 的學習
這幾天都在研究 ajax 的用法,AJAX全稱為「Asynchronous JavaScript and XML」（非同步JavaScript和XML），是指一種創建交互式網頁應用的網頁開發技術,最好的地方是向server提出需求,只要更新部分網頁內容,不用全部更新,並且server在處理時,client也可以動作,server處理完,自動更新,client不用等待,所以叫非同步,它必需有 dom,javascript,xml的基礎,對我來講有點難,看了幾篇教學,只大約有個概念,等那天故意用它寫個網頁程式試試...
下面好像是從 ibm 網站看來的例題,再加上自己的一點備註
<script language="javascript" type="text/javascript">
var request = false;
try
{ request = new XMLHttpRequest(); }
catch(trymicrosoft)
{
try
{ request = new ActiveXObject("Msxml2.XMLHTTP"); }
catch(othermicrosoft)
{
try
{ request = new ActiveXObject("Microsoft.XMLHTTP"); }
catch(failed)
{ request = false; }
}
}
if(!request)
alert("Error initializing XMLHttpRequest!");
function getCustomerInfo()
{
// Get 方式
var phone = document.getElementById("phone").value;
var url = "lookupCustomer.php?phone=" + escape(phone);
request.open("GET",url,true);
request.onreadystatechange = updatePage;
request.send(null);
/* Post 方式
var phone = document.getElementById("phone").value;
var url = "lookupCustomer.php";
request.onreadystatechange = updatePage;
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
request.send("phone="+phone+"&item="+itemCode);
*/
}
function updatePage()
{
if(request.readyState == 4)
{
if(request.status == 200)
{
var response = request.responseText.split("|"); //server必須送回 "字串 | 字串 | ..."格式 ,如果是 php 用 echo 送回
document.getElementById("order").value = response[0];
document.getElementById("address").innerHTML = response[1].replace(/\n/g,"");
}
else
{ alert("Error: status code is " + request.status); }
}
}
</script>
<body>
<p><img src="breakneck-logo_4c.gif" alt="Break Neck Pizza" /></p>
<form action="POST">
<p>Enter your phone number:
<input type="text" size="14" name="phone" id="phone"
onChange="getCustomerInfo();" />
</p>
<p>Your order will be delivered to:</p>
<div id="address" ></div>
<p>Type your order in here:</p>
<p><textarea name="order" rows="6" cols="50" id="order"></textarea></p>
<p><input type="submit" value="Order Pizza" id="submit" /></p>
</form>
</body>
迴響
ajax 的學習 | 豬窩
Males will get the female of these choice easily through free dating sites.
The online dating sites arena is growing immensely as more and more people are counting on internet to satisfy new
people, find their significant other, friendship and much more
activities. Once they are successful of their career
and accomplish anything they want, they realize the significance
of marriage.
ajax 的學習 | 豬窩
It's actually a cool and helpful piece of info. I am glad that you simply shared this useful information with us.
Please stay us up to date like this. Thanks for sharing.
ajax 的學習 | 豬窩
I think this internet site holds very superb pent content posts.
ajax 的學習 | 豬窩
You should not just join one site but a few instead, this way
you've got a selection of members to decide on from. Now, there's
nothing to bother with because internet world and online dating services services
have eradicated this trouble. You have complete control that you might
want to contact and which you wish to block from.
ajax 的學習 | 豬窩 | 9
Hi, i think that i saw you visited my site so i came to “return the favor”.I am attempting to find things to improve my web site!I suppose its ok to use a few of your ideas!!