Ajax 向数据库修改和添加功能(较简答)

这篇文章主要介绍了ajax 向数据库修改和添加功能(较简答)，非常不错，具有参考借鉴价值，对ajax感兴趣的朋友可以参考下ajax 向数据库修改和添加功能(较简答)

修改和添加关于数据库的信息，可以用于任何的添加和修改这些数据库和前面的随笔数据库是一样的

一、显示出数据库中的信息

（1）显示的效果也可以是用bootstrap的标签页显示（前面一定要引入bootstrap）

  
 饭面类
  
  
特色小吃
  

   酒水饮品 
   
   

    

     酒水
    
    

     饮品
    
   
  

二、修改内容

 （1）标题显示之后，就是每一个标题中的内容了，可以用ajax遍历

（2）进行数据库遍历

$.ajax({
 url:"mianlei.php", //编写处理页面
 dataType:"TEXT",
 success: function(d){
  var hang = d.split("|"); //拆分字符“|”串：显示行
  var str = "";
  for(var i=0;i ";
  }
 　　$("#mian").html(str); //把遍历的内容写在上面的     
  }
})

（3）处理页面的编写如下

StrQuery($sql); //输出结果

（4）然后进行修改的内容可以用模态框

  

   

    

      ×
      
修改
   　　　

   　　 

     
   　　 
   　　　

    　　关闭
    　　提交
   　　　
   

  

　　

（5）修改的时候，里面要默认显示原来的名字和价格，所以要将前面遍历的代号传过来

$(".aa1").click(function(){
 var code = $(this).attr("code"); //找到code值
 $.ajax({
  url:"xiugaichuli.php", //编写处理页面
  data:{c:code}, //将code值传过去
  type:"POST",
  dataType:"TEXT",
  success: function(d){
   var hang = d.split("|"); //拆分字符“|”串：显示行
   var str = "";
   for(var i=0;i

价格：
";
   }
   $("#content").html(str); //写入模态框中的content的位置
     }
 })
})

（6）单击提交按钮后写入数据库，并且这里也修改了，单击提交按钮进行修改

I-Shop购物系统

部分功能简介：商品收藏夹功能热门商品最新商品分级价格功能自选风格打印结算页面内部短信箱商品评论增加上一商品，下一商品功能增强商家提示功能友情链接用户在线统计用户来访统计用户来访信息用户积分功能广告设置用户组分类邮件系统后台实现更新用户数据系统图片设置模板管理CSS风格管理申诉内容过滤功能用户注册过滤特征字符IP库管理及来访限制及管理压缩，恢复，备份数据库功能上传文件管理商品类别管理商品添加/修改/

下载

$("#tijiao").click(function(){
 var code = $(".name").attr("code"); //找到名称中的代号
 var code = $(".price").attr("code"); //找到价格的代号
 var name = $(".name").val(); //找到名称的值
 var price = $(".price").val(); //找到价格的值
 $.ajax({
  url:"tjsk.php", //处理页面的编写
  data:{n:name,p:price,c:code}, //将值传到处理页面
  type:"POST",
  dataType:"TEXT",
  success: function(data){ ///处理页面成功后输出
   if(data.trim()=="ok")
   {
   　　alert("修改成功！");
   }
  }
 })
})

三、添加内容

（1）同上面的写一个弹框，里面有文本框

添加菜品

  

   ×
   
添加菜品
  

  

   
名称：
   

  
价格：
  

  

   提交
  

（2）填写信息后，单击提交按钮写入数据库

$("#tijiao1").click(function(){
 var n = $("#ming").val(); //找到名称文本框的值
 j = $("#jia").val(); //找到价格文本框的值
 $.ajax({
  url:"tianjia.php", //编写处理页面
  data:{n:n,j:j}, //将值传过去
  type:"POST",
  dataType:"TEXT",
  success: function(d){
   if(d.trim()=="ok")
   {
   　　alert ("添加成功！");
   }
  　　　window.location.href="xiugaicanpin.php" rel="external nofollow" ;
  } 
　　　　}) 
})

（3）处理页面的编写

Query($sql);
 foreach($attr as $v)
 {
  $c = $v[0]+1; //使最大值加1
  $sqll = " insert into caidan values('{$j}','{$c}','{$n}','1101','','','')"; //写入数据库
  $db->Query($sqll,0);
  echo "ok";
 }
?>

（4）添加结束后看下结果

到此，结束了，简单的添加和修改的功能，后面还要增加删除功能~~

以上所述是小编给大家介绍的Ajax 向数据库修改和添加功能(较简答)，希望对大家有所帮助！！

相关推荐：

Ajax向后台传json格式的数据出现415错误的原因分析及解决方法

AJAX实现图片预览与上传及生成缩略图的方法

Ajax向服务端传递数组参数值实例详解