最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Ajax 加載數(shù)據(jù) 練習(xí)代碼

 更新時(shí)間:2017年01月05日 21:31:47   投稿:mdxy-dxy  
這篇文章主要介紹了Ajax 加載數(shù)據(jù),主要是為了查詢表的顯示,不用嵌入php通過(guò)ajax調(diào)用,現(xiàn)在手機(jī)端的更多顯示功能都是通過(guò)ajax實(shí)現(xiàn)的

前端與js代碼

<h1>顯示數(shù)據(jù)</h1>
<table width="100%" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td>代號(hào)</td>
    <td>姓名</td>
    <td>性別</td>
    <td>民族</td>
    <td>生日</td>
    <td>操作</td>
  </tr>  
  <tbody id="bg">    
  </tbody>
</table>
</body>
<script type="text/javascript">
$(document).ready(function(e) {
   jiazai;
});

//加載數(shù)據(jù)的方法
function jiazai
{
  //異步  
  $.ajax({
 url:"jiazai.php",
 dataType:"TEXT",
 success: function(data){
 var hang = data.split("|");
 
 var str = "";
 
 for(var i=0;i<hang.length;i++)
 {
 var lie = hang[i].split("^");
 str += "<tr><td>"+lie[0]+"</td><td>"+lie[1]+"</td><td>"+lie[2]+"</td><td>"+lie[3]+"</td><td>"+lie[4]+"</td><td><input type='button' value='刪除' class='shanchu' code='"+lie[0]+"' /></td></tr>";
 }
 
 $("#bg").html(str);
 
 $(".shanchu").click(function{
 
 var code = $(this).attr("code");
 $.ajax({
 url:"shanchu.php",
 data:{c:code},
 type:"POST",
 dataType:"TEXT",
 success: function(d){
 if(d.trim=="OK")
 {
 //重新加載
 jiazai;
 }
 else
 {
 alert("刪除失敗");
 }
 }
 });
 })
 }
    });
}
</script>

再做個(gè)處理頁(yè)面jiazai.php

<?php
include("DBDA.class.php");
$db = new DBDA;
$sql = "select * from info";
echo $db->StrQuery($sql);

再做個(gè)刪除 shanchu.php

<?php
include("DBDA.class.php");
$db = new DBDA;
$code = $_POST["c"];
$sql = "delete from info where code='{$code}'";
if($db->Query($sql,0))
{
  echo "OK";
}
else
{
  echo "NO";
}

主要學(xué)了ajax的封裝方法,方法就叫做加載數(shù)據(jù),當(dāng)要求頁(yè)面不刷新的時(shí)候,就用這個(gè)方法就可以
頁(yè)面加載數(shù)據(jù)完成后,要調(diào)一遍
刪除完之后需要再加載一遍,要在調(diào)一遍
Ajax 默認(rèn)是異步的
異步就是 ajax去調(diào)處理頁(yè)面,處理數(shù)據(jù)的時(shí)候,代碼繼續(xù)往下走

相關(guān)文章

  • js AppendChild與insertBefore用法詳細(xì)對(duì)比

    js AppendChild與insertBefore用法詳細(xì)對(duì)比

    本篇文章主要是對(duì)js中AppendChild與insertBefore的用法進(jìn)行了詳細(xì)的對(duì)比。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助
    2013-12-12
  • 原生js實(shí)現(xiàn)簡(jiǎn)單輪播圖效果

    原生js實(shí)現(xiàn)簡(jiǎn)單輪播圖效果

    這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)簡(jiǎn)單輪播圖效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • 使弱類(lèi)型的語(yǔ)言JavaScript變強(qiáng)勢(shì)

    使弱類(lèi)型的語(yǔ)言JavaScript變強(qiáng)勢(shì)

    Javascript (ECMA Script)是一種弱類(lèi)型的語(yǔ)言.這并不意味著它沒(méi)有數(shù)據(jù)類(lèi)型,只是變量或者Javascript對(duì)象屬性不需要一個(gè)特定類(lèi)型的值分配給它或者它始終使用相同的值.Javascript中的變量同樣支持自由類(lèi)型轉(zhuǎn)換成為適用(或者要求)的內(nèi)容以便于使用.
    2009-06-06
  • Javascript中的數(shù)組常用方法解析

    Javascript中的數(shù)組常用方法解析

    這篇文章主要介紹了Javascript中的數(shù)組常用方法解析的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-06-06
  • 21個(gè)值得收藏的Javascript技巧

    21個(gè)值得收藏的Javascript技巧

    在本文中列出了21個(gè)值得收藏的Javascript技巧,在實(shí)際工作中,如果能適當(dāng)運(yùn)用,則大大提高工作效率
    2014-02-02
  • JS根據(jù)Unix時(shí)間戳顯示發(fā)布時(shí)間是多久前【項(xiàng)目實(shí)測(cè)】

    JS根據(jù)Unix時(shí)間戳顯示發(fā)布時(shí)間是多久前【項(xiàng)目實(shí)測(cè)】

    小編最近在實(shí)現(xiàn)這樣的需求類(lèi)似微信朋友圈顯示發(fā)布時(shí)間為距離當(dāng)前時(shí)間多久之前這樣的功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧
    2019-07-07
  • Javascript字符串瀏覽器兼容問(wèn)題分析

    Javascript字符串瀏覽器兼容問(wèn)題分析

    這篇文章主要介紹了Javascript字符串瀏覽器兼容問(wèn)題,實(shí)例形式對(duì)比分析了不兼容字符串與兼容字符串的區(qū)別,是非常實(shí)用的技巧,需要的朋友可以參考下
    2014-12-12
  • layer彈出層框架alert與msg詳解

    layer彈出層框架alert與msg詳解

    本文主要介紹了layer彈出層框架alert與msg的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
    2017-03-03
  • 使用layui日期控件laydate對(duì)開(kāi)始和結(jié)束時(shí)間進(jìn)行聯(lián)動(dòng)控制的方法

    使用layui日期控件laydate對(duì)開(kāi)始和結(jié)束時(shí)間進(jìn)行聯(lián)動(dòng)控制的方法

    今天小編就為大家分享一篇使用layui日期控件laydate對(duì)開(kāi)始和結(jié)束時(shí)間進(jìn)行聯(lián)動(dòng)控制的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2019-09-09
  • ES6之Proxy的get方法詳解

    ES6之Proxy的get方法詳解

    這篇文章主要介紹了ES6之Proxy的get方法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-10-10

最新評(píng)論

新龙县| 宁武县| 福鼎市| 合水县| 金川县| 丰都县| 达州市| 江门市| 望奎县| 南京市| 侯马市| 延长县| 惠水县| 双桥区| 临高县| 巩留县| 穆棱市| 应用必备| 门源| 日土县| 新龙县| 德化县| 巴里| 金湖县| 曲阳县| 砚山县| 南溪县| 双辽市| 麻江县| 丹东市| 搜索| 邵阳市| 古交市| 呼图壁县| 景德镇市| 阿勒泰市| 宁国市| 古浪县| 璧山县| 岳普湖县| 奉贤区|