Javascript 如何使用ajax调用更新多个表单元素

Javascript 如何使用ajax调用更新多个表单元素,javascript,jquery,html,ajax,json,Javascript,Jquery,Html,Ajax,Json,在通过jQuery成功调用ajax之后,我需要更新表单divs。我的页面上有一些表单元素。我想用ajax调用返回的值填充它。它是json格式的 而inst_name是一个输入[type=text],其中执行两项操作 作为通过jquery自动完成的自动完成输入。 作为此脚本中mysql查询的名称参考。 HTML: JSON: 尝试使用: $(document).on("keyup", "#inst_name", function(){ //you're ajax here } 这样,您键

在通过jQuery成功调用ajax之后,我需要更新表单divs。我的页面上有一些表单元素。我想用ajax调用返回的值填充它。它是json格式的

而inst_name是一个输入[type=text],其中执行两项操作

作为通过jquery自动完成的自动完成输入。 作为此脚本中mysql查询的名称参考。 HTML:

JSON:

尝试使用:

$(document).on("keyup", "#inst_name", function(){
    //you're ajax here
}
这样,您键入的内容越多,响应就越具体


祝你好运:

有模糊、对焦、按键、向上键、向下键、输入、粘贴等功能。。。你订阅什么活动取决于你想要什么行为?@Wilf,还有变化。请尝试$'inst_name'。更改…hatzaviv,对不起,运气不好-是否正在启动该函数?问题是字段值没有改变吗?可能您收到的JSON包含不止一个对象,在这种情况下,您必须选择要显示的对象值。hatzaviv,是的,它由blurand触发,如果您尝试:$'inst_name'.keyupfunction{};我试过hatzaviv。但这比模糊更糟糕。因为它搜索每个按键。说我有10个字符,它搜索了10次。
$('#inst_name').keyDown(function(){
    $.ajax({
        url: 'inc/form_institute.json.php',
        dataType:'json',
        data: {name:$('#inst_name').val()},
        success: function(data){
            $('#inst_addr').html(data.addr);
            $('#inst_prov').val(data.prov);
            $('#inst_zip').val(data.zip);
            $('#inst_tel').val(data.tel);
            $('#inst_fax').val(data.fax);
            $('#inst_dep').val(data.dep);
        }
    });
});
{
"addr":"123/4 Kitty Ave.",
"prov":"80",
"zip":"12345",
"tel":"0753245675",
"fax":"075123456",
"dep":"2"
}
$(document).on("keyup", "#inst_name", function(){
    //you're ajax here
}