AJAX 삭제 이벤트 및 데이터 로드-JS 튜토리얼-php.cn

집

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

Mar 26, 2017 pm 05:15 PM

&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;title&gt;无标题文档&lt;/title&gt;
&lt;script src=&quot;../jquery/jquery-1.11.2.min.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;h1&gt;显示数据&lt;/h1&gt;

&lt;table width=&quot;100%&quot; border=&quot;1&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;
  &lt;tr&gt;
      &lt;td&gt;代号&lt;/td&gt;
       &lt;td&gt;名称&lt;/td&gt;
       &lt;td&gt;操作&lt;/td&gt;
   &lt;/tr&gt;

   &lt;tbody id=&quot;tb&quot;&gt;

   &lt;/tbody&gt;

&lt;/table&gt;


&lt;/body&gt;
&lt;script type=&quot;text/javascript&quot;&gt;

로그인 후 복사

데이터 로드
Load();

데이터 로드 방법

rreee

삭제이벤트

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

로그인 후 복사

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

본 웹사이트의 성명

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