Question

我目前检查输入/ textarea / checkbox / select是否发生了变化，如果是，那么我想启动我的功能来搜索数据库并更新'结果'div。现在这就是我到目前为止......

它适用于更改没问题，唯一的问题是现在当我更改表单项时，它会检测到它，但新值不会传递给.php文件。建议？

注意：我尝试使用$（this）.serialize（）;但它对我不起作用。我只想将所有指定的表单变量传递给PHP文件。

$(document).ready(function() { 

    $("select,:checkbox").change(function(){ inits(); });
    $("input,textarea").keystop(function(){ inits(); });

    a = "GET";
    b = "#recipeSearch";
    c = $(b).attr('action') + '?r';
    f = "#searchResults";

    function inits(){

        var values = {
            'term' : $("input#searchterm").val(),
            'photos' : $(b + " #requirephotos").val(),
            'prep' : $(b + " #preptime").val(),
            'cook' : $(b + " #cooktime").val()
        }

        console.log('Search Init');

        $.ajax({
            url: c,
            cache: false,
            dataType: 'json',
            data: values,  // $(b).serialize(); // this still didn't work
            success: function(response) {
                //decoded = JSON.stringify(response);

                if (response) {
                    $(f).html(response);
                }

                //$.each(r.items, function(i,data){} //usage later on 
            },
            error: function(e, jqxhr, settings, exception) {
                console.log('Error: ' + e.toString() + ' - ' + jqxhr);
            }
        });
    }

});

赞赏任何和所有建议。我没有jsfiddle，因为它使用另一个脚本作为keystop。

示例JSON

{
"items": [
        "item 1",
        "item 2",
        "item 3",
        "item 4",
        "item 5"
        ]
}

Answer 1

我已经解决了这个问题。不确定问题是什么，但现在已经解决了。

编辑修复程序是..我想我可以将其缩小到服务器端问题。我正在从提供的信息中检索的php文件，如果请求文件在白名单上，但是我没有，并且将其添加到白名单解决了问题。

为什么没有传递更新的元素值？

1 个答案: