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 的學習 | 豬窩
If you try to use those secrets while using the internet dating opportunities then you have
more chances to acquire your date partner. If things walk out of hand then leave immediately and change your username.
You have complete control that you would like to call and whom you desire to block from.
ajax 的學習 | 豬窩
Free games: Gone are the days whenever you was required to pay cash to get recruited into online sites.
For many people who try to become the best with regards to the
present Online game game they are taking part in, next these are the basic characteristics that you'll have to
opt for whenever you strike the higher amounts.
The expansion of internet games has actually shown the overall progression of pc networks from small regional networks towards the web along with the progression of net accessibility itself.
ajax 的學習 | 豬窩
Hashtags are able to be used to create "groupings" on Twitter, without having to alter the basic
service. Thank you, Patra residents (especially Gwgw and Sotiris) for
bringing to New Zealand a place of your home town. In addition there are
a lot of people who get possiblity to sign up for
their some time to master guitar but as a consequence of bad quality of learning supplied by incapable guitarists
can't seem to acquire expertise.
ajax 的學習 | 豬窩
Excellent site you've got here.. It's difficult to find good quality writing like yours
nowadays. I truly appreciate individuals like
you! Take care!!
ajax 的學習 | 豬窩
Make your profile as appealing as is possible, use catchy phrases and get away from being boring.
There are many Americans who believe Inter racial relationships
must be banned mainly because it destroys the cultures of two races and also brings problem with their siblings.
The choice is perhaps all yours, do you wants to share your overall
email address contact information, your numbers,
your address and in many cases your surname.