专题栏目
  • 婵犵數濮烽弫鎼佸磻閻愬搫鍨傞悹杞拌濞兼牜绱撴担鑲℃垿宕h箛娑欑厱闁圭偓顨呯€氼剚鎯旀繝鍥ㄧ厵闁稿繗鍋愰弳姗€鏌涢弬鍧楊€楅柣锝呯仛缁楃喖鍩€椤掑嫬绠栨俊銈呮噹閹硅埖銇勯幘璺哄壉闁逞屽墮閻倿寮诲☉銏″€烽柤纰卞墰妤旈梻浣筋嚃閸犳牜绱炴繝鍌滄殾闁割偅娲橀悡銉╂倵閿濆簼鎲惧ù纭锋嫹
  • 闂傚倸鍊搁崐椋庣矆娓氣偓楠炲鏁撻悩鍙傦箓鏌i幇顔芥毄闁活厼妫楅妴鎺戭潩閿濆懍澹曢柣搴ゎ潐濞测晝绱炴笟鈧悰顔碱潨閳ь剙顕i崼鏇炵闁绘ḿ鏁稿畵渚€姊洪懡銈呮瀾缂侇喖鐬肩划鏃堝礈娴h櫣锛濋梺瑙勫礃椤曆呯不濮樿鲸鍠愭繝濠傜墕閸氳淇婇妶鍛櫤闁绘挶鍎甸弻锝夊即閻愭祴鍋撻崷顓涘亾濮樼偓瀚�
  • 缂傚倸鍊搁崐鎼佸磹妞嬪海鐭嗗〒姘e亾閽樻繂霉閸忓吋缍戦柛銊ュ€块弻锝夊閻樺樊妫岄梺杞扮濡繈寮婚敐澶婄睄闁稿本鑹炬禒姗€姊哄ú璇插箺妞ゃ劌锕濠氭偄鐞涒€充壕婵炴垶鐟$紓姘辩磼閻樻垚鎴犳崲濞戙垹绀傞柛蹇曗拡濡啴姊虹拠鈥虫灈闁搞垺鐓¢崺銏℃償閵堝洨鏉搁梺鍦檸閸ㄧ増绂嶆ィ鍐╃厱婵犻潧瀚崝銈囩磼閹插鐣甸柡宀€鍠栭、娑㈠幢濡ゅ嫬顏┑鐐茬墱閸嬪﹤顫忛搹瑙勫磯闁靛ǹ鍎查悵銏ゆ⒑閻熸澘娈╅柟鍑ゆ嫹
  • 闂傚倸鍊峰ù鍥х暦閻㈢ǹ绐楅柟鎵閸嬶繝寮堕崼姘珔缂佽翰鍊曡灃闁挎繂鎳庨弳娆愪繆椤愶迹顏堝Υ閹烘埈娼╅柨婵嗘噸婢规洘淇婇妶鍥ラ柛瀣姍瀹曟垿骞橀弬銉︽杸闂佺粯岣跨划顖氣槈瑜庣换娑氫沪閸屾埃鍋撳┑鍡欐殾闁靛繈鍊曠粻铏繆閵堝懎鏆欑憸鏉垮濮婃椽骞栭悙鎻掑Η闂佸憡鍔忛弲婊堫敊閸曨厾纾介柛灞剧懄缁佺増銇勯弮鈧崝娆撶嵁韫囨稒鏅搁柨鐕傛嫹
  • 闂傚倸鍊搁崐椋庣矆娓氣偓楠炲鏁撻悩鍙傦箓鏌i幇顒佲枙婵炴挸顭烽弻鐔兼倻濡儵鎷婚梺鍛婎殕瀹€绋款潖濞差亜鍨傛い鏇炴噹閸撴壆绱撴担绋款暢闁稿鍠栭獮澶岀矙濞嗘儳鎮戦梺鎼炲劗閺呮繃寰勯崟顖涒拺閻犲洠鈧磭鈧鎮橀悙璺盒撴い鏂垮€圭换婵堝枈婢跺瞼锛熼梺绋款儐缁嬫帡寮查崼鏇熷仼鐎光偓閳ь剟鎯岄幘缁樼厽闁规儳纾惁宥夋煕閿旇骞楅柛蹇旂矒濮婃椽宕归鍛壈濡炪倕楠忛幏锟�
  • 您现在的位置: 军旅同心-旅游自驾-军旅文学 >> 读书赏析 >> 学习园地 >> 电脑网络 >> 技术文章 >> 正文
    利用js调用后台php进行数据处理原码
    作者:采集员 文章来源:来源于网络 点击数:1166 更新时间:2005-9-10 14:35:38

    ?方法已??於??方法,其中??的地方也???上得?的,我只是把它消化吸收后重新写了更全面的出来。公布出?只是希望更多的新手能?中?到一些?西。如果你??代?有任何意?可以留言,但?勿?行人身攻?,我是一?菜?只能?出??的?西,每个老鸟都有这样的过程。

    鉴于时间问题,代?的提交部分使用的是传统的表单POST,如果您喜欢可以根据LOAD过程自行加上相应的SCRIPT,不过好像只
    能用GET了。??XML可以??真正的?刷新,如果?手上有希望能借?看看。

    在此感?QQ群?中蓝?雪狐和shelly水在JS上?予的?助,也新手?能把自己?的功能代??出?大家一起???研究。

    最後附上演示地址:http://lfox0002.dns0755.net/text_input.php ?喜?HACK他人?器的朋友?手下留情,附上演示是?了?朋友?能更快了解代?。


    input.php[HTML] 接受用户输入数据。


    PHP代码:----------------------------------------------

    <?php
    /*
                             申        明
                     ------------------------------
      该演示文件详细描述了利用JS+PHP对数据库进行?似?刷新读出写入的方法
     
                                               2004年02月14日
                                                     By L.Fox
                                                                 */

    header("Cache-Control: no-store, no-cache,must-revalidate");   //??行可以取消,把文件存成HTML
    echo $_POST["name1"];                                          //我是?了?#123;?方便才加的。
    ?>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=??????">
    <title>根据编号从MYSQL提取数据进行编辑并回存[演示]</title>
    <script language="JavaScript" id="LoadDataSrc"></script>
    <style>
    body {
        font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
        font-size: 12px;
        line-height: 17px;
        scrollbar-base-color: #BBBBBB;
        scrollbar-shadow-color: #BBBBBB;
        scrollbar-highlight-color: #FFFFFF;
        scrollbar-3dlight-color: #000000;
        scrollbar-darkshadow-color: #000000;
        scrollbar-arrow-color: #FFFFFF;
    }
    table {
        border: 0;
        font-size: 12px;
        cursor: default;
    }
    td {
        text-align: left;
        height: 20;
    }
    input {
        width: 100;
        height: 18;
        border: 0px solid #666666;
        text-align: left;
    }
    </style>
    <script>
    var objInput = null;
    var objTd = null;
    var num =null;
    function AutoEdit(obj,id)
    {
        if (objInput == null)
        {
            objTd = obj;
            obj.innerHTML = "<input size="10" maxlength="10" type="text" value="" + obj.innerText + ""
    id="objInput" onblur="objTd.innerText=this.value;LoadData(objTd.innerText,num);objInput=null;" style="overflow:
    visible;border:none;background-color:#EFEFEF">";
            objInput = document.getElementById("objInput");
            objInput.focus();
        }
    }

    function LoadData(LoadIndex,LoadObj)
    {
      var LoadFileName="load.php?action=" + LoadIndex + "&num=" + LoadObj;
      document.getElementById("LoadDataSrc").src = LoadFileName;
    }
    function OutPutData(obj)
    {
        if (form1.num1.value.length<1){ alert("请输入数量1"); return false;}
        if (form1.num2.value.length<1){ alert("请输入数量2"); return false;}
        if (document.getElementById("name1").innerHTML.length<1){ alert("name1空值"); return false;}
        if (document.getElementById("name2").innerHTML.length<1){ alert("name2空值"); return false;}
        obj.innerHTML="<input type="hidden" name="name1" value="" + document.getElementById("name1").innerHTML + "">";
        obj.innerHTML+="<input type="hidden" name="name2" value="" + document.getElementById("name2").innerHTML + "">";
        obj.innerHTML+="<input type="hidden" name="type1" value="" + document.getElementById("type1").innerHTML + "">";
        obj.innerHTML+="<input type="hidden" name="type2" value="" + document.getElementById("type2").innerHTML + "">";
        obj.innerHTML+="<input type="hidden" name="date1" value="" + document.getElementById("date1").innerHTML + "">";
        obj.innerHTML+="<input type="hidden" name="date2" value="" + document.getElementById("date2").innerHTML + "">";
        obj.innerHTML+=form1.submit();
    }
    function postdata()
    {
      form1.submit();   
    }
    </script>
    </head>
    <body>
    <form name="form1" method="post" action="load.php?action=OutPutData">
    <table width="400" cellpadding="0" cellspacing="1" align="center" bgcolor="#999999">
     <tr bgcolor="#EFEFEF">
      <td onclick="AutoEdit(this,num=1)" style="width: 200px;overflow:visible;word-break:break-all;"><div></div></td>
      <td onclick="AutoEdit(this,num=2)" style="width: 200px;overflow:visible;word-break:break-all;"><div></div></td>
     </tr>
     <tr bgcolor="#EFEFEF">
      <td><div id="name1" style="width: 200px;overflow:visible;word-break:break-all;">a</div></td>
      <td><div id="name2" style="width: 200px;overflow:visible;word-break:break-all;">b</div></td>
     </tr>
     <tr bgcolor="#EFEFEF">
      <td><div id="type1" style="width: 200px;overflow:visible;word-break:break-all;">a</div></td>
      <td><div id="type2" style="width: 200px;overflow:visible;word-break:break-all;">b</div></td>
     </tr>
     <tr bgcolor="#EFEFEF">
      <td><div id="date1" style="width: 200px;overflow:visible;word-break:break-all;"></div></td>
      <td><div id="date2" style="width: 200px;overflow:visible;word-break:break-all;"></div></td>
     </tr>
     <tr bgcolor="#EFEFEF">
      <td><div><input type="text" name="num1" value=""></div></td>
      <td><div><input type="text" name="num2" value=""></div></td>
     </tr>
     <div id="OutPutData"><a href="#" onclick="java script:OutPutData(this);">输出</a></div></form>
    </body>
    </html>
    ------------------------------------------------------

    LOAD.php

    PHP代码:-----------------------------------------------

    <?php
    header("Cache-Control: no-store, no-cache,must-revalidate");
    include("obj/financial_obj_free.inc");          //这个文件里的内容是连接MYSQL的语句。
    $str=$_GET["action"];
    $num=$_GET["num"];
    if ($str=="OutPutData") OutPutData();
    else
      {
        linkdata("financial",1);
        $sql="select * from table where id='$str'";
        if ($query=mysql_query($sql))
           {
             $temdata=mysql_fetch_row($query);         //看看是不是空的,如果是就附上值以免JS报错。
             if (strlen($temdata[2])<1||$temdata[2]=="") $temdata[2]="空";
                $temdata[2]=htmlspecialchars($temdata[2]);
             if (strlen($temdata[3])<1||$temdata[3]=="") $temdata[3]="空";
                $temdata[3]=htmlspecialchars($temdata[3]);
             if (strlen($temdata[5])<1||$temdata[5]=="") $temdata[5]="空";
                $temdata[5]=htmlspecialchars($temdata[5]);
           }
        else
           {
             $temdata[2]=$temdata[3]=$temdata[5]="查询失败";
           }
        switch ($num)   //这个主要是用于检查是从第几列(行)传过来的。注意变量值要与input的id值对应好.否则出错
           {
             case 1:
               $diva="name1";
               $divb="type1";
               $divc="date1";
             break;
           &n

    [1] [2] 下一页


    更多
    免责声明:作品版权归所属媒体与作者所有!!本站刊载此文不代表同意其说法或描述,仅为提供更多信息。如果您认为我们侵犯了您的版权,请告知!本站立即删除。有异议请联系我们。
    文章录入:烟灰缸    责任编辑:烟灰缸 
    高级搜索
       
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
        没有任何评论
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 网站地图 | 版权申明 | 网站公告 | 管理登录 |