Ajax学习笔记(1)------关于Ajax的代码

最新推荐文章于 2024-04-20 12:00:00 发布

yangyinbo

最新推荐文章于 2024-04-20 12:00:00 发布

阅读量567

点赞数

分类专栏：综合文章标签： ajax null url

本文链接：https://blog.csdn.net/yangyinbo/article/details/2821097

版权

综合专栏收录该内容

18 篇文章 0 订阅

订阅专栏

自己实践的东西，留着。

 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
< html   xmlns = "http://www.w3.org/1999/xhtml" > 
< head > 
< meta   http-equiv = "Content-Type"   content = "text/html; charset=gb2312"   /> 
< title > Ajax 入门简介 </ title > 
< script    language = "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() { 
     var  phone  =  document .getElementById("phone").value; 
     var  url  =  "/Ajax/scripts/lookupCustomer.jsp?phone="  + escape(phone); 
     request.open("GET", url, true); 
      request.onreadystatechange  =  updatePage ; 
     request.send(null); 
     } 
function updatePage() { 
     if ( request.readyState  == 4) 
       {if ( request.status  == 200) 
         { 
         var  response  =  request .responseText.split("|"); 
         document.getElementById("order") .value  =  response [0]; 
         document.getElementById("address") .innerHTML  = 
            response [1].replace(//n/g, ""); 
         } 
       else if ( request.status  == 404) 
        { alert("Request URL does not exist");} 
         else if ( request.status  == 403) { 
         alert("Access denied."); 
       }  
       else 
         alert("Error: status code is " + request.status); 
         } 
   } 
</ script > 
</ head > 
< body > 
< p > < img   src = "images/banner.jpg"   alt = "Break Neck Pizza"   width = "1004"   height = "300"   /> </ 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 > 
</ html > 
 

yangyinbo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax学习笔记(1)------关于Ajax的代码

自己实践的东西，留着。 html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type" content="text/html; charset=gb2312" />title>
复制链接

扫一扫

专栏目录