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 绑定(bind)吗

$('#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)"/>