将输入值传递给ajax获取Laravel - Pass input value to ajax get Laravel

Pass input value to ajax get Laravel

本文关键字：ajax 获取 Laravel 输入值传 | 更新日期: 2023-09-27

我对Laravel和ajax很陌生，我想实现的是通过ajax get请求传递输入字段的值。我的请求看起来像这样:

function getInfo() {
        $.ajax({
            url: "info",
            dataType: "json"
        }).success(function(data){
            $('#result').append(JSON.stringify(data));
        }).fail(function(){alert('Unable to fetch data!');;
        });
    }
    $('#infoSubmit').click(getInfo);

我在laravel中为我的函数设置了一个路由，它是这样工作的public/info/Variable & lt;——

当我在info/后面添加一个变量时我得到该变量的数据(例如配置文件名称)

我需要把这个变量从一个输入字段传递到ajax请求，像这样:url: "info/+$inputfieldVariable"

变化:

url: "info",

url: "info/" + $('input-field-selector').val(),

不确定你的JS代码的正确性:你不应该使用done而不是success吗?

JavaScript:

function getInfo() {
    var myFieldsValue = {};
    var $inputs = $("#myForm :input");
    $inputs.each(function() {
        myFieldsValue[this.name] = $(this).val();
    });
    $.ajax({
        url: "info",
        dataType: "json",
        data: myFieldsValue,
        type: "GET" // Even if its the default value... looks clearer
        success: function(data){
            $('#result').append(JSON.stringify(data));
        },
        error: function(){
            alert('Unable to fetch data!');
        }
    });
    return false;
}
$('#infoSubmit').click(getInfo);

未经测试，但应该是这样的