Javascript 在Laravel和JS中将数据从计算器表单发送到其他页面表单

Javascript 在Laravel和JS中将数据从计算器表单发送到其他页面表单,javascript,jquery,laravel,laravel-6,Javascript,Jquery,Laravel,Laravel 6,我提前为我的英语道歉,但我是斯洛伐克人,我还帮了谷歌翻译一点忙:) 我希望能在这里为我的问题找到帮助 我有一个贷款计算器的例子将在下面给出 我试图确保当我在domain.xx/loan页面上有一个计算器时,我需要在选择贷款金额、贷款到期日以及单击按钮时实现这一点,我希望页面重定向到domain.xx/request。。。表格准备好的地方 问题是,我不知道如何将信息从计算器发送到第二页,以便将其附加到将要填写的表单,并发送到数据库 我希望你能理解我的问题 我使用:Laravel和JS $(“文档

我提前为我的英语道歉,但我是斯洛伐克人,我还帮了谷歌翻译一点忙:)

我希望能在这里为我的问题找到帮助

我有一个贷款计算器的例子将在下面给出

我试图确保当我在domain.xx/loan页面上有一个计算器时,我需要在选择贷款金额、贷款到期日以及单击按钮时实现这一点,我希望页面重定向到domain.xx/request。。。表格准备好的地方

问题是,我不知道如何将信息从计算器发送到第二页,以便将其附加到将要填写的表单,并发送到数据库

我希望你能理解我的问题

我使用:Laravel和JS

$(“文档”).ready(函数(){
常量rangeSliderAmount=document.querySelector(“.lc范围滑块金额”);
const rangeSliderMonth=document.querySelector('.lc range slidermonth');
const rangeValueBarAmount=document.querySelector(“#lc范围值栏金额”);
const rangeValueBarMonth=document.querySelector(“#lc range value bar month”);
const rangeValueAmount=document.querySelector('lc range value-amount');
const rangeValueMonth=document.querySelector(“#lc range value month”);
const rangeAmount=document.getElementById(“lc金额”);
const rangeMonth=document.getElementById(“lc月”);
让isDown=false;
函数dragHandler(){
isDown=!isDown;
如果(!isDown){
rangeValueAmount.style.setProperty('opacity','0');
rangeValueMonth.style.setProperty('opacity','0');
}否则{
rangeValueAmount.style.setProperty('opacity','0');
rangeValueMonth.style.setProperty('opacity','0');
}
}
职能部门(e){
如果(!isDown)返回;
rangeValueHandler();
}
函数rangeValueHandler(){
amountPercentage=`${((rangeSliderAmount.value-500)*100)/(6000-500)}%`;
monthPercentage=`${((rangeSliderMonth.value-6)*100)/(60-6)}%`;
rangeValueBarAmount.style.setProperty('width',amountPercentage);
rangeValueBarMonth.style.setProperty('width',monthPercentage);
rangeValueAmount.innerHTML=`${rangeSliderAmount.value}`;
rangeValueMonth.innerHTML=`${rangeSliderMonth.value}`;
RangeMount.innerHTML=`${rangeSliderAmount.value}`;
rangeMonth.innerHTML=`${rangeSliderMonth.value}`;
vypocetSplatka();
}
rangeValueHandler();
rangeSliderAmount.addEventListener('mousedown',dragHandler);
rangeSliderAmount.addEventListener('mousemove',dragOn);
rangeSliderAmount.addEventListener('mouseup',dragHandler);
rangeSliderAmount.addEventListener('单击',rangeValueHandler);
rangeSliderAmount.addEventListener('touchstart',dragHandler);
rangeSliderAmount.addEventListener('touchmove',dragOn);
rangeSliderAmount.addEventListener('touchend',dragHandler);
rangeSliderAmount.addEventListener('touchstart',rangeValueHandler);
rangeSliderMonth.addEventListener('mousedown',dragHandler);
rangeSliderMonth.addEventListener('mousemove',dragOn);
rangeSliderMonth.addEventListener('mouseup',dragHandler);
rangeSliderMonth.addEventListener('单击',rangeValueHandler);
rangeSliderMonth.addEventListener('touchstart',dragHandler);
rangeSliderMonth.addEventListener('touchmove',dragOn);
rangeSliderMonth.addEventListener('touchend',dragHandler);
rangeSliderMonth.addEventListener('touchstart',rangeValueHandler);
函数slideValue(inputElement){
var sliderElement=inputElement.closest('.lc ranger box')。find('.slider');
var val=parseInt(inputElement.val().replace(“”,)| | 0;
var sliderMax=$(sliderElement).slider('option','max');
var sliderMin=$(sliderElement).slider('option','min');
如果(val>sliderMax){
val=滑块最大值;
}
if(val0;i-=3){
parts.unshift(str[0].子字符串(Math.max(0,i-3),i));
}
str[0]=parts.join(千年九月?千年九月:',');
返回str.join(dec_point?dec_point:');
}
函数vypocetSplatka(){
var mesiace=parseInt($('[data value=“months”]')。html();
var pozicka=parseInt($('[data value=“loan”]').html().replace('');
var poplatok=(pozicka/100)*2;
$('.hascharge').show();

如果(pozickaHi),您可以使用请求方法接收表单中提交的所有数据

request('title') //Title is the name of the field
我建议你按照这个链接来解决你的问题。它一个接一个地显示了所有步骤


我也尝试了
$(“#接受贷款”)。单击(函数(e){e.preventDefault();var url=$(“#loanFormSubmit”).attr(“操作”);$.ajaxSetup({headers:{X-CSRF-TOKEN':$('meta[name=“CSRF TOKEN”]')).attr('content')})$.ajax({url:url:url,method:'get',data:{lc range value-value-amount:$(“#lc range-value-value-amount-month(),lc range:$(“#lc range value month”).html(),lc payment show:$(“#lc payment show”).html(),}}});
和我的路线
route::get('/request','RequestController@index')->name('request.index')
但它仍然没有做任何事情,只是犯了一个错误
Symfony\Component\HttpKernel\Exception\MethodNotAllowedHttpException此路由不支持POST方法。支持的方法:GET,HEAD。
感谢您的回复……但是,我需要先从计算器中获取数据,然后转换