como definir o valor da caixa de texto em jquery

Como faço para carregar corretamente um determinado valor em uma caixa de texto usando jquery? Tentei o abaixo, mas recebo a [object Object]saída como. Por favor, esclareça-me sobre isso, eu sou novo no jquery.

proc = function(x, y) {
  var str1 = $('#pid').value;
  var str2 = $('#qtytobuy').value;
  var str3 = $('#subtotal').load('compz.php?prodid=' + x + '&qbuys=' + y);
  $('#subtotal').val(str3);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<form name="yoh" method="get">
  Product id: <input type="text" name="pid" value=""><br/> 
  Quantity to buy:<input type="text" name="qtytobuy" value="" onkeyup="proc(document.yoh.pid.value, this.value);"></br>

  Subtotal:<input type="text" name="subtotal" id="subtotal" value=""></br>
  <div id="compz"></div>

</form>

Acho que você quer definir a resposta da chamada para a URL 'compz.php?prodid=' + x + '&qbuys=' + ycomo valor da caixa de texto certo? Nesse caso, você deve fazer algo como:

$.get('compz.php?prodid=' + x + '&qbuys=' + y, function(data) {
    $('#subtotal').val(data);
});

Referência: get()

Você tem dois erros em seu código:

• load()coloca o HTML retornado do Ajax no elemento especificado:

  Carregue os dados do servidor e coloque o HTML retornado no elemento correspondente.

  Você não pode definir o valor de uma caixa de texto com esse método.

• $(selector).load()retorna o objeto a jQuery . Por padrão, um objeto é convertido em [object Object]quando tratado como string.

Esclarecimentos adicionais :

Supondo que seu URL retorne 5.

Se o seu HTML for semelhante a:

<div id="foo"></div>

então o resultado de

$('#foo').load('/your/url');

será

<div id="foo">5</div>

Mas em seu código, você tem um elemento de entrada. Teoricamente (não é um HTML válido e não funciona como você percebeu), uma chamada equivalente resultaria em

<input id="foo">5</input>

Mas você realmente precisa

<input id="foo" value="5" />

Portanto, você não pode usar load(). Você tem que usar outro método, obter a resposta e defini-la como valor você mesmo.

Observe que o .valueatributo é um recurso JavaScript. Se você quiser usar jQuery, use:

$('#pid').val()

para obter o valor e:

$('#pid').val('value')

para defini-lo.

http://api.jquery.com/val/

Em relação ao seu segundo problema, nunca tentei definir automaticamente o valor HTML usando o loadmétodo. Com certeza, você pode fazer algo assim:

$('#subtotal').load( 'compz.php?prodid=' + x + '&qbuys=' + y, function(response){ $('#subtotal').val(response);
});

Observe que o código acima não foi testado.

http://api.jquery.com/load/

Gostaria de salientar que .val () também funciona com selects para selecionar o valor selecionado atualmente.

experimentar

subtotal.value= 5 // some value

proc = async function(x,y) {
  let url = "https://server.test-cors.org/server?id=346169&enable=true&status=200&credentials=false&methods=GET&" // some url working in snippet
  
  let r= await(await fetch(url+'&prodid=' + x + '&qbuys=' + y)).json(); // return json-object
  console.log(r);
  
  subtotal.value= r.length; // example value from json
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form name="yoh" method="get"> 
Product id: <input type="text" id="pid"  value=""><br/>

Quantity to buy:<input type="text" id="qtytobuy"  value="" onkeyup="proc(pid.value, this.value);"></br>

Subtotal:<input type="text" name="subtotal" id="subtotal"  value=""></br>
<div id="compz"></div>

</form>