利用js调用后台php进行数据处理原码


Posted in PHP onOctober 09, 2006

?方法已??凫哆^?r方法,其中??的地方也?恼???系?淼模?抑皇前阉????蘸笾匦滦戳烁??娴某隼础9?汲?碇皇窍M??嗟男率帜?闹?W到一些?|西。如果你?υ?代?有任何意?可以留言,但?勿?行人身攻?簦?沂且??菜?只能??出??拥?|西,每个老鸟都有这样的过程。

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

在此感?QQ群?中蓝?ρ┖??helly水在JS上?予的?椭??残率??能把自己??的功能代??出?泶蠹乙黄??W?研究。

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

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

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

<?php
/*
                         申        明
                 ------------------------------
  该演示文件详细描述了利用JS+PHP对数据库进行?似?o刷新读出写入的方法

                                           2004年02月14日
                                                 By L.Fox
                                                             */

header("Cache-Control: no-store, no-cache,must-revalidate");   //??尚锌梢匀∠??盐募?娉?TML
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;
         case 2:
           $diva="name2";
           $divb="type2";
           $divc="date2";
         break;
         default:
           $diva="name1";
           $divb="type1";
           $divc="date1";
         break;
       }
        //确定节点,输出$temdata[X]到节点$divX;
    echo "document.getElementById('".$diva."').innerHTML='".$temdata[2]."';";
    echo "document.getElementById('".$divb."').innerHTML='".$temdata[3]."';";
    echo "document.getElementById('".$divc."').innerHTML='".$temdata[5]."';";
  }

function OutPutData() //这下面如果改成SQL语句就可以写进数据库
{
   echo "输出的数据如下,改成SQL语句然后就可以保存下来";
   echo "编号1=".$_POST["name1"]."<br>";
   echo "编号2=".$_POST["name2"]."<br>";
   echo "名称1=".$_POST["type1"]."<br>";
   echo "名称2=".$_POST["type2"]."<br>";
   echo "日期1=".$_POST["date1"]."<br>";
   echo "日期2=".$_POST["date2"]."<br>";
   echo "数量1=".$_POST["num1"]."<br>";
   echo "数量2=".$_POST["num2"]."<br>";  
   echo "<a href=\"text_input.php\">返回</a>";
}
?>

 

PHP 相关文章推荐
Apache2中实现多网站域名绑定的实现方法
Jun 01 PHP
php 注释规范
Mar 29 PHP
php 在windows下配置虚拟目录的方法介绍
Jun 26 PHP
浅析PHP中的UNICODE 编码与解码
Jun 29 PHP
回帖脱衣服的图片实现代码
Feb 15 PHP
yii上传文件或图片实例
Apr 01 PHP
合并ThinkPHP配置文件以消除代码冗余的实现方法
Jul 22 PHP
一个简洁实用的PHP缓存类完整实例
Jul 26 PHP
PHP中preg_match函数正则匹配的字符串长度问题
May 27 PHP
php实现小程序支付完整版
Oct 09 PHP
php中加密解密DES类的简单使用方法示例
Mar 26 PHP
TP - 比RBAC更好的权限认证方式(Auth类认证)
Mar 09 PHP
PHP初学者头疼问题总结
Oct 09 #PHP
php代码优化及php相关问题总结
Oct 09 #PHP
PHP数据库开发知多少
Oct 09 #PHP
一次编写,随处运行
Oct 09 #PHP
PHPShop存在多个安全漏洞
Oct 09 #PHP
配置最新的PHP加MYSQL服务器
Oct 09 #PHP
xml+php动态载入与分页
Oct 09 #PHP
You might like
域名查询代码公布
2006/10/09 PHP
php下几个常用的去空、分组、调试数组函数
2009/02/22 PHP
php实现的替换敏感字符串类实例
2014/09/22 PHP
PHP实现更改hosts文件的方法示例
2017/08/08 PHP
PHP结合Redis+MySQL实现冷热数据交换应用案例详解
2019/07/09 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
Yii框架应用组件用法实例分析
2020/05/15 PHP
js中的hasOwnProperty和isPrototypeOf方法使用实例
2014/06/06 Javascript
详解JavaScript的内置对象
2016/12/07 Javascript
JavaScript、C# URL编码、解码总结
2017/01/21 Javascript
原生js实现类似fullpage的单页/全屏滚动
2017/01/22 Javascript
react路由配置方式详解
2017/08/07 Javascript
解决vue-cli webpack打包后加载资源的路径问题
2018/09/25 Javascript
手把手教你 CKEDITOR 4 扩展插件制作
2019/06/18 Javascript
Nuxt.js实战和配置详解
2019/08/05 Javascript
简单了解three.js 着色器材质
2020/08/03 Javascript
vue3.0中友好使用antdv示例详解
2021/01/05 Vue.js
[00:35]2016完美“圣”典风云人物:冷冷宣传片
2016/12/08 DOTA
python中的对象拷贝示例 python引用传递
2014/01/23 Python
Python AutoCAD 系统设置的实现方法
2020/04/01 Python
Python基于smtplib模块发送邮件代码实例
2020/05/29 Python
Python监听剪切板实现方法代码实例
2020/11/11 Python
CSS3中的弹性布局em运用入门详解 1em等于多少像素
2021/02/08 HTML / CSS
复古斯堪的纳维亚儿童服装:Baby go Retro
2017/09/09 全球购物
JD Sports丹麦:英国领先的运动时尚零售商
2020/11/24 全球购物
澳大利亚美容产品及化妆品在线:Activeskin
2020/06/03 全球购物
匡威俄罗斯官网:Converse俄罗斯
2020/05/09 全球购物
同步和异步有何异同,在什么情况下分别使用他们?举例说明
2014/02/27 面试题
教育专业个人求职信
2013/12/02 职场文书
思想专业自荐信范文
2013/12/25 职场文书
教学实验楼管理制度
2014/02/01 职场文书
基层干部2014全国两会学习心得体会
2014/03/10 职场文书
五分钟演讲稿
2014/04/30 职场文书
勤俭节约主题班会
2015/08/13 职场文书
2016年安全月活动总结
2016/04/06 职场文书
Go语言实现Snowflake雪花算法
2021/06/08 Golang