Ajax如何实现向数据库修改和添加功能
(5)修改的时候,里面要默认显示原来的名字和价格,所以要将前面遍历的代号传过来
$(".aa1").click(function(){ varcode=$(this).attr("code");//找到code值 $.ajax({ url:"xiugaichuli.php",//编写处理页面 data:{c:code},//将code值传过去 type:"POST", dataType:"TEXT", success:function(d){ varhang=d.split("|");//拆分字符“|”串:显示行 varstr=""; for(vari=0;i名称:
价格:
";
}
$("#content").html(str);//写入模态框中的content的位置
}
})
})(6)单击提交按钮后写入数据库,并且这里也修改了,单击提交按钮进行修改
$("#tijiao").click(function(){ varcode=$(".name").attr("code");//找到名称中的代号 varcode=$(".price").attr("code");//找到价格的代号 varname=$(".name").val();//找到名称的值 varprice=$(".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)同上面的写一个弹框,里面有文本框
添加菜品