jq自动补全

HTML code

  
  

   
   

   
   <
   
   script 
   
   language
   
   ='javascript' 
   
   src
   
   ='./jquery.js'
   
   ></
   
   script
   
   >
   
   

   
   <
   
   script 
   
   language
   
   ='javascript'
   
   >
   
   
jQuery(
   
   function
   
   ($)
{ 
    $(
   
   "
   
   #tTest td.test
   
   "
   
   ).click(
   
   function
   
   (ee){
      
   
   var
   
    id 
   
   =
   
    $(
   
   this
   
   ).html();
    
   
   var
   
    ee
   
   =
   
   window.event
   
   ||
   
   ee;
    
   
   var
   
    tmpObj 
   
   =
   
    ee.srcElement 
   
   ||
   
     ee.target; 
        $.ajax({ 
          type:
   
   "
   
   post
   
   "
   
   ,
          url: 
   
   "
   
   index.php
   
   "
   
   , 
          dataType:
   
   "
   
   json
   
   "
   
   ,
          data: 
   
   "
   
   id=
   
   "
   
    
   
   +
   
    id,
          success: 
   
   function
   
   (jsonObj)
          {
            
   
   var
   
    rowObj 
   
   =
   
    tmpObj.parentNode;

            rowObj.childNodes[
   
   1
   
   ].innerHTML 
   
   =
   
    jsonObj.name;
            rowObj.childNodes[
   
   2
   
   ].innerHTML 
   
   =
   
    jsonObj.description;
            rowObj.childNodes[
   
   3
   
   ].innerHTML 
   
   =
   
    jsonObj.test2;
            rowObj.childNodes[
   
   4
   
   ].innerHTML 
   
   =
   
    jsonObj.id;        
          }
   
   //
   
   success
   
   

   
           }); 
    });
});

   
   </
   
   script
   
   >
   
   


   
   <
   
   table 
   
   id
   
   ='tTest' 
   
   border
   
   ='1' 
   
   width
   
   ='500'
   
   >
   
   
  
   
   <
   
   tr
   
   ><
   
   td 
   
   class
   
   ='test'
   
   >
   
   22
   
   </
   
   td
   
   ><
   
   td
   
   >
   
   &nbsp;
   
   </
   
   td
   
   ><
   
   td
   
   >
   
   &nbsp;
   
   </
   
   td
   
   ><
   
   td
   
   >
   
   &nbsp;
   
   </
   
   td
   
   ><
   
   td
   
   >
   
   &nbsp;
   
   </
   
   td
   
   ></
   
   tr
   
   >
   
   
  
   
   <
   
   tr
   
   ><
   
   td 
   
   class
   
   ='test'
   
   >
   
   33
   
   </
   
   td
   
   ><
   
   td
   
   >
   
   &nbsp;
   
   </
   
   td
   
   ><
   
   td
   
   >
   
   &nbsp;
   
   </
   
   td
   
   ><
   
   td
   
   >
   
   &nbsp;
   
   </
   
   td
   
   ><
   
   td
   
   >
   
   &nbsp;
   
   </
   
   td
   
   ></
   
   tr
   
   >
   
   
  
   
   <
   
   tr
   
   ><
   
   td 
   
   class
   
   ='test'
   
   >
   
   44
   
   </
   
   td
   
   ><
   
   td
   
   >
   
   &nbsp;
   
   </
   
   td
   
   ><
   
   td
   
   >
   
   &nbsp;
   
   </
   
   td
   
   ><
   
   td
   
   >
   
   &nbsp;
   
   </
   
   td
   
   ><
   
   td
   
   >
   
   &nbsp;
   
   </
   
   td
   
   ></
   
   tr
   
   >
   
   

   
   </
   
   table
   
   >
   
   

  
  

PHP code

    
    

     
     

     
     function
     
      __jsonText(
     
     $array
     
     )
{
   
     
     header
     
     (
     
     "
     
     Expires: Mon, 26 Jul 1997 05:00:00 GMT
     
     "
     
     );
   
     
     header
     
     (
     
     "
     
     Last-Modified: 
     
     "
     
      
     
     .
     
      
     
     gmdate
     
     (
     
     "
     
     D, d M Y H:i:s
     
     "
     
     ) 
     
     .
     
      
     
     "
     
      GMT
     
     "
     
     );
   
     
     header
     
     (
     
     "
     
     Cache-Control: no-store, no-cache, must-revalidate
     
     "
     
     );
   
     
     header
     
     (
     
     "
     
     Cache-Control: post-check=0, pre-check=0
     
     "
     
     ,
     
      
     
     false
     
     );
   
     
     header
     
     (
     
     "
     
     Pragma: no-cache
     
     "
     
     );
   
     
     $str
     
      
     
     =
     
      
     
     "
     
     {
     
     "
     
     ;
   
     
     foreach
     
     (
     
     $array
     
      
     
     as
     
      
     
     $key
     
     =>
     
      
     
     $value
     
     )
   {
      
     
     $value
     
      
     
     =
     
      
     
     str_replace
     
     (
     
     "
     
     \"
     
     "
     
     ,
     
      
     
     "
     
     \\\"
     
     "
     
     ,
     
      
     
     $value
     
     );
      
     
     if
     
     (
     
     $str
     
      
     
     !=
     
      
     
     "
     
     {
     
     "
     
     ) 
     
     $str
     
     .=
     
     "
     
     ,
     
     "
     
     ;
      
     
     $str
     
      
     
     .=
     
      
     
     "
     
     $key
     
     : 
     
     "
     
      
     
     .
     
      
     
     "
     
     \"
     
     $value
     
     \"
     
     "
     
     ;
   }
   
     
     $str
     
      
     
     .=
     
      
     
     "
     
     }
     
     "
     
     ;

   
     
     return
     
      
     
     $str
     
     ;
}

     
     //
     
     查询数据库
//具体根据ID查询数据库，然后构造一个数组，然后调用__jsonText
     
     

     
     $arrTable
     
      
     
     =
     
      
     
     array
     
     (
     
     '
     
     name
     
     '
     
     =>
     
     "
     
     test1
     
     "
     
     ,
     
      
     
     '
     
     description
     
     '
     
     =>
     
     "
     
     description1
     
     "
     
     ,
     
      
     
     '
     
     test2
     
     '
     
     =>
     
     '
     
     test3
     
     '
     
     ,
     
      
     
     '
     
     id
     
     '
     
     =>
     
     $_POST
     
     [
     
     '
     
     id
     
     '
     
     ] );

     
     echo
     
      __jsonText(
     
     $arrTable
     
     );