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 的學習 | 豬窩
This helps if you are a web master and you're simply working
to make every symmetrical as well as in order. Progressive Landscape
Views - Beyond the Colonial Era Attitudes towards black African artists
along with their use of oil in landscape and wildlife paintings was often punitive or criticised,
there was a broad desire to keep the native artist .
Naruto Shippuuden will be the story of Naruto Uzumaki, in the original animated TV
series Naruto.
ajax 的學習 | 豬窩
It is not often that you just discover a professional
hypnotist prepared to share his techniques. Thank you, Patra residents (especially Gwgw and Sotiris)
for bringing to New Zealand a setting of your property town. The minimalist approach about the driveway actually accentuates
the home's entrance.
ajax 的學習 | 豬窩
Online dating is most likely the perfect solution if you want in order to meet singles with your area.
Now, to get quite near to that individual, all you need is the perfect date with your ex o about
make a comfortable place in her or his heart. By it is extremely nature, however, online
dating sites as you may know it, is infested with scammers and syndicates, so you
are encouraged to apply some common sense
and exercise a little bit more caution when joining those hitherto unknown internet dating websites that most of your sudden shoot up and
therefore are boasting of your veritable collection of Russian women coming from all
ages and coming from all regions.
ajax 的學習 | 豬窩
Good web site you have here.. It's difficult to find high quality writing like
yours nowadays. I really appreciate individuals like you!
Take care!!
ajax 的學習 | 豬窩
Plus, there are several videos, movies, and novels that further enhance
its popularity. At , you will locate a highly talented cartoonist
creating detailed cartoon drawings and custom
cartoons for businesses and families. Author Charlaine Harris, who wrote the Sookie Stackhouse
novels on which the series is based, was also attending and stated
she was signed to write three more novels (that can take
the series total to 12).