ajax - 单击页面上的 POST 链接不会调用 onchange ajax 事件来保存修改后的字段

Question

在框外单击时将更改 ajax 的字段保存到服务器有效，但如果在更改值后立即单击页面上的任何 POST 链接，则不会更改值。

下面是代码html：

<input type="text" name="title" id="title" size="40" value="${fieldValue}" onchange="doAJAXSubmit(this.name, this.value)"/>

JS：

function doAJAXSubmit(fieldSaved, fieldValue)
{
    alert(fieldSaved);
    var url = "<c:url value="/home/home.jsp"/>";

    url = url+fieldSaved+ "=" + fieldValue;
    new Request({url: url}).send();
}

Answer 1

您是否尝试过来自 jquery 的 document.ready .change 绑定

$('#title').change(function() {
    alert(fieldSaved);
    var url = "<c:url value="/cart/view_cart.jspa"/>";

    url = url+fieldSaved+ "=" + fieldValue;
    new Request({url: url}).send();
});

如果没有 Jquery，请执行以下操作：然后将您的代码更改为以下内容：

使用 onkeyup

<input type="text" name="title" id="title" size="40" value="${fieldValue}" onkeyup="doAJAXSubmit(this.name, this.value)"/>