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 的學習 | 豬窩
Direct the vista returning to your website for them to share their thoughts about your statement.
Make any final announcements (by way of example, the following webinar in a very series).
Allowing consumers to select the charity, and even developing a revolving set of charities,
results in being a marketing incentive.
ajax 的學習 | 豬窩
Direct the scene time for your blog to allow them to share their thoughts about your statement.
One other thing that you'd like to take into consideration is limiting access
towards the network, notably if you participate in any sort
of secure printing or if you might have parts of the
network which are for secure files. But Apple possesses his own idea about the way to watch video, possesses not even attempt to do with standards
that other people creates.
ajax 的學習 | 豬窩
In fighting QR codes, you can find three major reasons
being made available to support the theory why
these two-dimensional barcodes just aren't clicking with Americans:.
One other thing that you desire to take into consideration is limiting access towards the network, specifically
if you engage in almost any secure printing or if you've
got regions of the network which can be for secure files.
Depending on the size and scope with the organization, these improvements
can yield significant ROI.
ajax 的學習 | 豬窩
It's especially hard if you are like you're the only teacher inside your
school to test fitting technology to your planning and classroom delivery.
One other thing that you might want to take into consideration is limiting access on the network, particularly if take part in any type of secure printing or
if you've regions of the network which might
be for secure files. Depending on the size and scope
with the organization, these improvements can yield significant ROI.
ajax 的學習 | 豬窩
In fighting against QR codes, you can find three major causes being made
available to offer the theory these two-dimensional barcodes just aren't clicking with
Americans:. And thanks to some retrofit technology
that's in route, it's effectively yesterday. Roughly equal amounts of the three primary colors give rise towards the
perception of white.