利用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 相关文章推荐
用PHP控制用户的浏览器--ob*函数的使用说明
Mar 16 PHP
php REMOTE_ADDR之获取访客IP的代码
Apr 22 PHP
PHP 将逗号、空格、回车分隔的字符串转换为数组的函数
Jun 07 PHP
PHP使用正则表达式清除超链接文本
Nov 12 PHP
PHP中对于浮点型的数据需要用不同的方法解决
Mar 11 PHP
PHP文件缓存内容保存格式实例分析
Aug 20 PHP
php使用iconv中文截断问题的解决方法
Feb 11 PHP
PHP动态输出JavaScript代码实例
Feb 12 PHP
PHP使用PDO操作数据库的乱码问题解决方法
Apr 08 PHP
Yii框架连接mongodb数据库的代码
Jul 27 PHP
解决form中action属性后面?传递参数 获取不到的问题
Jul 21 PHP
PhpStorm配置Xdebug调试的方法步骤
Feb 02 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
PHP 命令行工具 shell_exec, exec, passthru, system详细使用介绍
2011/09/11 PHP
PHP实现WebService的简单示例和实现步骤
2015/03/27 PHP
smarty模板引擎之配置文件数据和保留数据
2015/03/30 PHP
php随机获取金山词霸每日一句的方法
2015/07/09 PHP
PHP识别二维码的方法(php-zbarcode安装与使用)
2016/07/07 PHP
PHP对XML内容进行修改和删除实例代码
2016/10/26 PHP
Thinkphp5行为使用方法汇总
2017/12/21 PHP
Laravel获取当前请求的控制器和方法以及中间件的例子
2019/10/11 PHP
PHP const定义常量及global定义全局常量实例解析
2020/05/28 PHP
PHPStorm 2020.1 调试 Nodejs的多种方法详解
2020/09/17 NodeJs
jQuery.Validate 使用笔记(jQuery Validation范例 )
2010/06/25 Javascript
js自定义事件及事件交互原理概述(二)
2013/02/01 Javascript
jQuery 获取URL的GET参数值的小例子
2013/04/18 Javascript
JQuery调用绑定click事件的3种写法
2015/03/28 Javascript
Jquery实现瀑布流布局(备有详细注释)
2015/07/31 Javascript
使用JavaScript为Kindeditor自定义按钮增加Audio标签
2016/03/18 Javascript
基于JQuery打造无缝滚动新闻步骤详解
2016/03/31 Javascript
JS实现获取当前URL和来源URL的方法
2016/08/24 Javascript
javascript实现去除HTML标签的方法
2016/12/26 Javascript
Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)
2017/09/14 Javascript
vue项目关闭eslint校验
2018/03/21 Javascript
JavaScript 实现自己的安卓手机自动化工具脚本(推荐)
2020/05/13 Javascript
JS获取当前时间戳方法解析
2020/08/29 Javascript
解析Python中的变量、引用、拷贝和作用域的问题
2015/04/07 Python
对numpy中array和asarray的区别详解
2018/04/17 Python
python模拟哔哩哔哩滑块登入验证的实现
2020/04/24 Python
解决Keras的自定义lambda层去reshape张量时model保存出错问题
2020/07/01 Python
PHP面试题及答案一
2012/06/18 面试题
UDP协议功能
2013/01/06 面试题
工程师自我评价怎么写
2013/09/19 职场文书
党员四风剖析材料
2014/08/27 职场文书
委托书范本
2014/09/13 职场文书
社区六一儿童节活动总结
2015/02/11 职场文书
四大名著读书笔记
2015/06/25 职场文书
Python基础之Socket通信原理
2021/04/22 Python
用Python selenium实现淘宝抢单机器人
2021/06/18 Python