jQuery于json的结合-技术开发it知识库-Ubuntu系统_Ubuntu服务器

通过AJAX异步减少网络内容传输，而JSON则可以把传输内容缩减到纯数据；然后利用jQuery内置的AJAX功能直接获得JSON格式的数据；在客户端直接绑定到数据控件里面，从而达到最优。

1.设计htm页面：

<!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> 
    <title>test2</title> 
    <script language="Javascript" type="text/Javascript" src="js/jquery-latest.pack.js"></script> 
    <script language="Javascript" type="text/Javascript" src="js/PageDate.js"></script> 
     
    </head> 
    <body> 
   <div> 
   <div> 
   <br /> 
   <input id="first" type="button" value=" << " /><input id="previous" type="button" 
   value=" < " /><input id="next" type="button" value=" > " /><input id="last" type="button" 
   value=" >> " /> 
   &nbsp;<span id="pageinfo"></span> 
   <ul id="datas"> 
   <li id="template"> 
   <span id="OrderID"> 
   订单ID  
   </span>/  
   <span id="CustomerID"> 
   客户ID  
   </span> 
   <span id="EmployeeID"> 
   雇员ID  
   </span>/  
   <span id="OrderDate"> 
   订购日期  
   </span>/  
   <span id="ShippedDate"> 
   发货日期  
   </span>/  
   <span id="ShippedName"> 
   货主名称  
   </span>/  
   <span id="ShippedAddress"> 
   货主地址  
   </span>/  
  <span id="ShippedCity"> 
   货主城市  
   </span>/  
  <span id="more"> 
   更多信息  
   </span> 
   </li> 
   </ul> 
   </div> 
   <div id="load" style="left: 0px; position: absolute; top: 0px; background-color: red"> 
   LOADING.  
  </div> 
   <input type="hidden" id="pagecount" /> 
   </div> 
  </body> 
  </html>

it知识库：jQuery于json的结合，转载需保留来源！

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

相关文章阅读