利用AJAX实现下拉框改变数据库字段数据

最新推荐文章于 2023-02-07 16:11:51 发布

如少年那飞驰�

最新推荐文章于 2023-02-07 16:11:51 发布

阅读量611

点赞数

文章标签：ＰＨＰＪＳＡＪＡＸ

本文链接：https://blog.csdn.net/heyweygou/article/details/97790094

版权

这篇博客介绍了一个利用JavaScript监听下拉框选择事件，通过AJAX将订单状态值发送到PHP后台进行数据更新的方法。当用户选择不同的订单状态时，AJAX请求将触发，PHP接收到请求后更新数据库相应记录，如果更新成功则返回状态信息。

摘要由CSDN通过智能技术生成

实现逻辑：利用ＪＳ点击获取ｖａｌｕｅ值，通过ＡＪＡＸ传送到后台查询，修改数据后返回成功回调
HTML部分
订单状态：

<option value=“1” {eq name=“vo.status” value=“1”}selected{/eq}>进行中
<option value=“2” {eq name=“vo.status” value=“2”}selected{/eq}>已完成
<option value=“3” {eq name=“vo.status” value=“3”}selected{/eq}>暂停中
<option value=“0” {eq name=“vo.status” value=“0”}selected{/eq}>已取消

JS部分

           <script>
                $(".select").change(function() {
                    var order_code = $(this).parents("tr").find(".text-left").find("b").html();  // 1、获取选择下拉框的标题
                    var num  = $(this).val();  //获取选中的ID值
                    var url   = "{:url('store/Order/change')}";  //这里填写后端的url
                    $.ajax({   //2、发送给后端
                        url: url,
                        type: 'POST',  //设置发送的方式 这里假设为POST
                        dataType: 'html',  //返回的数据类型
                        data: {num: order_code,value:num},  //把选中的标题发给后端
                        success: function(status){
                            console.log(status);
                            if(status==1){
                                // 用户名或密码错误
                                alert("修改成功");
                            }
                            else if(status==2){
                                alert("修改失败");
                                // 验证码错误
                            }

                            //跳转页面
                        }

                    })
                });
            </script>

PHP部分
public function change(){
$ord