jq自动补全

最新推荐文章于 2022-09-12 16:07:22 发布

窦小豆

最新推荐文章于 2022-09-12 16:07:22 发布

阅读量468

点赞数

分类专栏： php 文章标签： header javascript function class 数据库 jquery

php 专栏收录该内容

102 篇文章

订阅专栏

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);