AJAX作增刪改查詳細！

時間  2019-12-05
標籤 ajax 增刪 詳細 欄目 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

<?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);

刪除處理頁面css

<?php
include("./xsdb.class.php");
$code = $_POST["a"];
$db = new xsdb();

$sql = "delete from shuju where id='{$code}'";

echo $db->StrQuery($sql,0);

修改處理頁面（查找要修改的數據信息）html

<?php
include("./xsdb.class.php");
$a = $_POST["a"];
$db = new xsdb();

$sql = "select * from shuju where id='{$a}'";

echo $db->StrQuery($sql);

修改處理頁面（實現數據修改）　　jquery

<?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);

查詢處理頁面ajax

<?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 　　sql

<?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個國家和地區。馬雲說，在環球旅途中他跟總統、總理和企業家們交流越多，對全球化就越有信心。json

聯合國貿易和發展會議祕書長基圖伊與200多員工一早即在辦公室等候，在全場歡迎同事馬雲的熱情掌聲中，基圖伊對馬雲笑道：「你太受歡迎了，今天簡直是聯合國的JACK MA日。」fetch

在現場交流中，馬雲對他的聯合國同事們說：「我是全球化的堅決支持者，全球化到目前爲止才發展了20年到30年，仍是一個嬰兒。如今是完善全球化的最好時機，只有更好的全球化，才能實現普惠、可持續、健康和快樂。eWTP就是爲了這一目標而構建，eWTP不只推進小企業全球化，更將推進理念和基礎設施的全球化。」ui

他強調，本身的這些旅程，「是來全球化電商的，不是來全球化阿里巴巴的。」

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程