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 的學習 | 豬窩
In fighting QR codes, you will find three main reasons being presented to
secure the theory the two-dimensional barcodes
just aren't clicking with Americans:. And thanks to some retrofit technology
that's on how, it's effectively yesterday. Depending on the size
and scope of the organization, these improvements can yield
significant ROI.
ajax 的學習 | 豬窩
In fighting QR codes, you'll find three significant reasons being given to offer the theory that these two-dimensional barcodes
just aren't clicking with Americans:. And thanks to some retrofit technology
that's on the way, it's effectively yesterday. But Apple features its own idea about how to watch video,
and it has nothing to do with standards that anybody
else creates.
ajax 的學習 | 豬窩
Fortunately in the current society it's now acceptable that individuals probably will change careers
and jobs 2 or 3 times before they serve them with something that they revel in, something that they are great
at and they are very happy to appear to 5 days a week. Make any final announcements
(as an example, the subsequent webinar in the series).
Allowing consumers to choose the charity, or even having a revolving set of charities, comes across being a marketing incentive.
ajax 的學習 | 豬窩
This device also governs the flow of power from the photovoltaic array for the grid and vice-versa.
And thanks to some retrofit technology that's on how, it's effectively
yesterday. Roughly equal amounts with the three primary colors give rise to
the perception of white.
ajax 的學習 | 豬窩
Fortunately in the current society now it is acceptable that folks will most likely change careers
and jobs 2 or 3 times before they obtain something that they revel in, something that they
are fantastic at and therefore are thrilled to show up to five days a
week. Make any final announcements (for example, the subsequent webinar inside a
series). It was foreseen that this amount of 3D printers in homes and business establishments increase
rapidly.