cómo establecer el valor del cuadro de texto en jquery

¿Cómo cargo correctamente un cierto valor en un cuadro de texto usando jquery? Probé el siguiente, pero obtengo el [object Object]resultado. Por favor, infórmeme sobre esto, soy nuevo en 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>

Creo que desea establecer la respuesta de la llamada a la URL 'compz.php?prodid=' + x + '&qbuys=' + ycomo valor del cuadro de texto, ¿verdad? Si es así, tienes que hacer algo como:

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

Referencia: get()

Tienes dos errores en tu código:

• load()coloca el HTML devuelto por Ajax en el elemento especificado:

  Cargue datos del servidor y coloque el HTML devuelto en el elemento coincidente.

  No puede establecer el valor de un cuadro de texto con ese método.

• $(selector).load()devuelve el objeto a jQuery . De forma predeterminada, un objeto se convierte en [object Object]cuando se trata como una cadena.

Aclaración adicional :

Suponiendo que su URL regrese 5.

Si su HTML se parece a:

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

entonces el resultado de

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

estarán

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

Pero en su código, tiene un elemento de entrada. Teóricamente (no es HTML válido y no funciona como notó), una llamada equivalente daría como resultado

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

Pero realmente necesitas

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

Por lo tanto, no puede usar load(). Tienes que usar otro método, obtener la respuesta y establecerla como valor tú mismo.

Tenga en cuenta que el .valueatributo es una función de JavaScript. Si desea usar jQuery, use:

$('#pid').val()

para obtener el valor y:

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

para configurarlo.

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

Con respecto a su segundo problema, nunca he intentado configurar automáticamente el valor HTML con el loadmétodo. Seguro que puedes hacer algo como esto:

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

Tenga en cuenta que el código anterior no está probado.

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

Me gustaría señalarle que .val () también funciona con selecciones para seleccionar el valor seleccionado actual.

tratar

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>