zoukankan      html  css  js  c++  java
  • AJAX做增删改查详细!

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script src="jquery-1.11.2.min.js"></script>
    </head>
    
    <body>
    <div>
        <h1>新增</h1>
        辖区:<input type="text" id="xiaqu"/>
    <br />
        姓名:<input type="text" id="name" />
    <br />
        性别:<input type="text" id="sex" />
    <br />    
        证件:<input type="text" id="zhengjian" />
    <br />    
        电话:<input type="text" id="tel" />
    <br />
        住址:<input type="text" id="zhuzhi" />
    <br />
        <input type="submit" id="tj" value="添加" />
    </div>
    <div>
    <h1>信息</h1>
    <table width="100%" border="1px" cellspacing="0" cellspacing="0">
        <tr>
            <td>辖区</td>
            <td>姓名</td>
            <td>性别</td>
            <td>证件</td>
            <td>电话</td>
            <td>住址</td>
            <td>操作</td>
        </tr>
        
        <tbody id="aa1">
        </tbody>
    </table>
    <div style="border-left:2px solid #444; border-bottom:#444 2px solid; border-right:2px solid #444; text-align:center; display:none;color:red" id="ts">没有更多信息!!</div>
    </div>
    <div id="xgnr">
        
    </div>
    </body>
    </html>
    <script type="text/jscript">
    jia();
    //添加信息
    $("#tj").click(function(){
        
        var xq = $("#xiaqu").val();
        var name = $("#name").val();
        var sex = $("#sex").val();
        var zj = $("#zhengjian").val();
        var tel = $("#tel").val();
        var zz = $("#zhuzhi").val();
        
        
        $.ajax({
        url:"add.php",
        data:{xq:xq,name:name,sex:sex,zj:zj,tel:tel,zz:zz},
        type:"POST",
        dataType:"text",
        success:function(data){
                if(data=="1")
                {
                    //alert("添加成功");
                    window.location.href="test.php";
                }
                else
                {
                    alert("");    
                }
                
            }
        })
    })
    
    //大方法
    function jia()
    {
    //显示信息
    $.ajax({
    url:"cha.php",
    type:"POST",
    dataType:"text",
    success: function(data){
            var str = "";
            if(data=="111")
            {
                $("#ts").css("display","block");
            }
            else
            {
            var hang = data.split("|");
            
            for(var i=0;i<hang.length;i++)
            {
                var lie = hang[i].split("^");
                
                str += "<tr><td>"+lie[1]+"</td><td>"+lie[2]+"</td><td>"+lie[3]+"</td><td>"+lie[4]+"</td><td>"+lie[5]+"</td><td>"+lie[6]+"</td><td><span class='sc1' bs='"+lie[0]+"'>删除</span>&nbsp;&nbsp;&nbsp;<span class='xg1' bs='"+lie[0]+"'>修改</span></td></tr>";
            }
            $("#aa1").html(str);
            
    //删除信息
    $(".sc1").click(function(){
    var code = $(this).attr("bs")
    if(confirm('确定删除么'))
    {
    $.ajax({
            url:"shanchu.php",
            data:{a:code},
            type:"POST",
            dataType:"text",
            success:function(data){
                if(data=="1")
                {
                    //alert("删除成功")    
                    window.location.href="test.php";
                }
                else
                {
                    alert("删除失败")    
                    
                }
                
            }
        })
    }
    })
                
    //查询修改的信息
    $(".xg1").click(function(){
    var code = $(this).attr("bs")
    $.ajax({
        url:"xiugai.php",
        data:{a:code},
        type:"POST",
        dataType:"text",
        success:function(data){
            var str = "";
            var hang = data.split("|");
    
            for(var i=0;i<hang.length;i++)
            {
                var lie = hang[i].split("^");
                
                str += "<h1>修改</h1><input type='hidden' id='yc' value='"+lie[0]+"' />辖区:<input type='text' id='xiaqu1' value='"+lie[1]+"'/><br />姓名:<input type='text' id='name1' value='"+lie[2]+"'/><br />性别:<input type='text' id='sex1' value='"+lie[3]+"'/><br />    证件:<input type='text' id='zhengjian1' value='"+lie[4]+"'/><br />    电话:<input type='text' id='tel1' value='"+lie[5]+"'/><br />住址:<input type='text' id='zhuzhi1'  value='"+lie[6]+"'/><br /><input type='submit' id='xiugai' value='修改' />";
            }
            $("#xgnr").html(str);
    //修改信息
    $("#xiugai").click(function(){
    var yc1 = $("#yc").val();
    var xq1 = $("#xiaqu1").val();
    var name1 = $("#name1").val();
    var sex1 = $("#sex1").val();
    var zj1 = $("#zhengjian1").val();
    var tel1 = $("#tel1").val();
    var zz1 = $("#zhuzhi1").val();
    $.ajax({
    url:"xiugaichuli.php",
    data:{yc:yc1,xq:xq1,name:name1,sex:sex1,zj:zj1,tel:tel1,zz:zz1},
    type:"POST",
    dataType:"text",
    success:function(data){
            if(data=="1")
            {
                //alert("添加成功");
                window.location.href="test.php";
            }
            else
            {
                alert("11");    
            }
          }
        })
      })
    
    }
    })
    })
    }
    }
    })                
    }
    </script>

    添加处理页面

    <?php
    include("./xsdb.class.php");
    $xq = $_POST["xq"];
    $name = $_POST["name"];
    $sex = $_POST["sex"];
    $zj = $_POST["zj"];
    $tel = $_POST["tel"];
    $zz = $_POST["zz"];
    $db = new xsdb();
    $sql = "insert into shuju values('','{$xq}','{$name}','{$sex}','{$zj}','{$tel}','{$zz}')";
    echo $db->Query($sql,0);
    

    删除处理页面

    <?php
    include("./xsdb.class.php");
    $code = $_POST["a"];
    $db = new xsdb();
    
    $sql = "delete from shuju where id='{$code}'";
    
    echo $db->StrQuery($sql,0);
    

    修改处理页面(查找要修改的数据信息)

    <?php
    include("./xsdb.class.php");
    $a = $_POST["a"];
    $db = new xsdb();
    
    $sql = "select * from shuju where id='{$a}'";
    
    echo $db->StrQuery($sql);
    

    修改处理页面(实现数据修改)  

    <?php
    include("./xsdb.class.php");
    $yc = $_POST["yc"];
    $xq = $_POST["xq"];
    $name = $_POST["name"];
    $sex = $_POST["sex"];
    $zj = $_POST["zj"];
    $tel = $_POST["tel"];
    $zz = $_POST["zz"];
    $db = new xsdb();
    $sql = "update shuju set xiaqu='{$xq}',name='{$name}',sex='{$sex}',zhengjian='{$zj}',tel='{$tel}',zhuzhi='{$zz}' where id='{$yc}'";
    echo $db->Query($sql,0);
    

    查询处理页面

    <?php
    include("./xsdb.class.php");
    
    $db = new xsdb();
    
    $sql = "select * from shuju";
    
    $r = $db->StrQuery($sql);
    if($r)
    {
    	echo $r;	
    }
    else
    {
    	echo"111";	
    }
    

    数据库封装及返回数据TEXT JSON   

    <?php
    class xsdb
    {
    	public $host="localhost";
    	public $uid = "root";
    	public $pwd = "密码";
    	public $dbname = "test";
    	
    	//成员方法
    	public function Query($sql,$type=1)
    	{
    		$db = new MySQLi($this->host,$this->uid,$this->pwd,$this->dbname);
    		$r = $db->query($sql);
    		
    		if($type==1)
    		{
    			return $r->fetch_all();
    		}
    		else
    		{
    			return $r;
    		}
    	}
    	
    	//返回字符串的方法
    	public function StrQuery($sql,$type=1)
    	{
    		$db = new MySQLi($this->host,$this->uid,$this->pwd,$this->dbname);
    		$r = $db->query($sql);
    		
    		if($type==1)
    		{
    			$attr = $r->fetch_all();
    			$str = "";
    			foreach($attr as $v)
    			{
    				$str .= implode("^",$v)."|";
    			}
    			
    			return substr($str,0,strlen($str)-1);
    
    		}
    		else
    		{
    			return $r;
    		}
    	}
    	
    	//返回JSON
    	function JSONQuery($sql,$type=1)
    	{
    		$db = new MySQLi($this->host,$this->uid,$this->pwd,$this->dbname);
    		$r = $db->query($sql);
    		
    		if($type==1)
    		{
    		    return json_encode($r->fetch_all(MYSQLI_ASSOC));
    		}
    		else
    		{
    			return $r;
    		}
    	}
    }
    

    ----------------------------------------------------------------------------------------------------以下内容纯为凑字数无视就可以了-------------------------------------------------------------------------------------- 

      

    在日内瓦总部,马云打趣说,拿到offer半年多了,一直在出差,今天终于回来“打卡上班”,激动坏了。据统计,仅2016年,马云就飞行了800多个小时,走访了33个国家和地区。马云说,在环球旅途中他跟总统、总理和企业家们交流越多,对全球化就越有信心。

    联合国贸易和发展会议秘书长基图伊与200多员工一早即在办公室等候,在全场欢迎同事马云的热情掌声中,基图伊对马云笑道:“你太受欢迎了,今天简直是联合国的JACK MA日。”

    在现场交流中,马云对他的联合国同事们说:“我是全球化的坚定支持者,全球化到目前为止才发展了20年到30年,还是一个婴儿。现在是完善全球化的最好时机,只有更好的全球化,才能实现普惠、可持续、健康和快乐。eWTP就是为了这一目标而构建,eWTP不仅推动小企业全球化,更将推动理念和基础设施的全球化。”

    他强调,自己的这些旅程,“是来全球化电商的,不是来全球化阿里巴巴的。”

  • 相关阅读:
    IE浏览器中Image对象onload失效的解决办法
    jquery.lazyload 实现图片延迟加载jquery插件
    在JS方法中返回多个值的三种方法
    遭遇input与button按钮背景图失效不显示的解决办法
    jquery:validate的例子
    JavaScript toLowerCase() 方法 把字符串转换为小写
    Linux下的MySQL简单操作(服务启动与关闭、启动与关闭、查看版本)
    phpcms-v9视频模型的添加
    Linux下如何查看tomcat是否启动
    margin-top无效的问题解决方法
  • 原文地址:https://www.cnblogs.com/chaochao00o/p/6772706.html
Copyright © 2011-2022 走看看