>  기사  >  웹 프론트엔드  >  AJAX 삭제 이벤트 및 데이터 로드

AJAX 삭제 이벤트 및 데이터 로드

迷茫
迷茫원래의
2017-03-26 17:15:491081검색

<!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=utf-8" />
<title>无标题文档</title>
<script src="../jquery/jquery-1.11.2.min.js"></script>
</head>

<body>
<h1>显示数据</h1>

<table width="100%" border="1" cellpadding="0" cellspacing="0">
  <tr>
      <td>代号</td>
       <td>名称</td>
       <td>操作</td>
   </tr>

   <tbody id="tb">

   </tbody>

</table>


</body>
<script type="text/javascript">

데이터 로드
Load();

데이터 로드 방법

rreee

삭제이벤트

function Load()
{
$.ajax({
     url:"jiazai.php",
     dataType:"TEXT",
     success: function(data){
           var str = "";
           var hang = data.split("|");
           for(var i=0;i<hang.length;i++)
           {
              var lie = hang[i].split("^");
              str = str+"<tr><td>"+lie[0]+"</td><td>"+lie[1]+"</td><td><input type=&#39;button&#39; code=&#39;"+lie[0]+"&#39; value=&#39;删除&#39; class=&#39;sc&#39; /></td></tr>";
           }
           $("#tb").html(str);

위 내용은 AJAX 삭제 이벤트 및 데이터 로드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.