首页 > 解决方案 > 我如何通过 on-Change 或从下拉列表中单击或通过开关按钮(如开/关)更新数据库

问题描述

我是 laravel 和 javascript 的新手,我正在构建我的第一个应用程序,我需要向应用程序添加一个货币切换器,我已经完成了所有工作和工作文件......但我想添加一个 CHECKBOK 类型按钮(开/关) ,用户可以在其中切换货币...

<input type="checkbox" id="currency-switch"  data-on-color="info" data-off-color="primary" data-on-text="$" data-off-text="&#8377;">

这是我用于导航栏上复选框的 html

我想像这样添加javascript -

$("#currency-switch").bootstrapSwitch();
  $("#currency-switch").on('switchChange.bootstrapSwitch', function(event, state) {
    if(state){
      window.location.replace("/changeCurrency/USD");
    }
    else{
      window.location.replace("/changeCurrency/INR");
    }
  });

(这不是实际的)

但问题是我需要更新数据库(将货币从美元更改为印度卢比);

我的路线是 - {{ url('/account/currency') }}- 将输入数据发布到数据库并将货币从 USD 更新为 INR 或 INR 到 USD ..

那么任何人都可以帮我的忙吗?

我为我糟糕的英语和解释道歉,,,, 我是新人...谢谢

标签: phplaravel

解决方案


好吧,您可以通过 ajax 更新您的数据...我猜您的其余代码都很好..

$("#currency-switch").bootstrapSwitch();
  $("#currency-switch").on('switchChange.bootstrapSwitch', function(event, state) {

    if(state){
           $.ajax({  
            url:"/account/currency",  
            method:"POST",  
            data:{changeCurrency: "USD"},  
            success:function(data){  

            }  
       });
    }
    else{
           $.ajax({  
            url:"/account/currency",  
            method:"POST",  
            data:{changeCurrency: "INR"},  
            success:function(data){  

            }  
       });
    }
  });

推荐阅读