Question

我想在另一个控制器中使用此输入：

<li><input type="text" placeholder="Buscar" id="idnavBusqueda" name="navBusqueda"></li>
<li><a href="#" onclick="guardar()">Buscar</a></li>

为此，我使用方法guardar（）：

function guardar() {
                console.log("HOLAAAAAAAAAAAAAAAA");
                var userAmigo= document.getElementById("idnavBusqueda");
                $('#idnavBusqueda').load("/perfilBusqueda",{navBusqueda:     userAmigo});
            }

但是每当我点击“Buscar”按钮时，Chrome都会发送错误并将其重定向到“buscar”上的href。我也在使用Spring，如果那是相关的。有什么问题？

Answer 1

你告诉jQuery序列化一个HTMLElement。你可能想要它的值：

var userAmigo= document.getElementById("idnavBusqueda").value;
// ----------------------------------------------------^^^^^^

Answer 2

.load()中的第二个参数允许您在发出请求时将其他数据发送到服务器。在您的情况下，您尝试发送一个元素userAmigo，作为一个无法工作的POST值。

相反，您可能希望关联的值为userAmigo。

$('#idnavBusqueda').load('/perfilBusqueda', {
  navBusqueda: userAmigo.value
});

javascript方法中的“未捕获的TypeError：非法调用”

2 个答案: