Question

我对javascript的了解非常少;因此，这是一个简单的问题。我有一个简单的jQuery Ajax函数

$(document).ready(function(){
   $('#txtValue').keyup(function(event){
      if(event.which == 13){
            sendValue($(this).val());   
      }
   }); 
});

function sendValue(str){
    $.post("test.php",{ sendValue: str },
    function(data){
        $('#display').html(data.returnValue);
    }, "json");
}

这会将json响应发送到id =“display”

<input type="text" name="txtValue" value="" id="txtValue">
<div id="display"></div>

但我希望将json响应作为另一个INPUT元素的值以不同的形式显示为

<form method="get" action="result.php">
<input id="DISPLAY" type="text" name="something" value="" />
<input type="submit" value="Submit" />
</form>

我想把json响应放在

而不是

Answer 1

如果表单在同一页面上：

$(document).ready(function(){
   $('#txtValue').keyup(function(event){
      if(event.which == 13){
         sendValue($(this).val());   
      }
    }); 
});

function sendValue(str){
   $.post("test.php",{ sendValue: str },
   function(data){
       $(':input#DISPLAY').html(data.returnValue);
   }, "json");
}

Answer 2

使用.val()

$(document).ready(function(){
  $('#txtValue').keyup(function(event){
     if(event.which == 13){
        sendValue($(this).val());   
     }
  }); 
});
function sendValue(str){
  $.post("test.php",{ sendValue: str },
  function(data){
     $("#display").val(data.returnValue);           
  }, "json");
}

Answer 3

如果您想将返回值设置为输入，则需要使用.val(data.returnValue)代替.html(data.returnValue)

如何将Ajax调用发送到INPUT值

3 个答案: