come impostare il valore della casella di testo in jquery

Come faccio a caricare correttamente un determinato valore in una casella di testo usando jquery? Ho provato quello qui sotto ma ottengo l' [object Object]output come. Per favore, illuminami su questo, sono nuovo a 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>

Penso che tu voglia impostare la risposta della chiamata all'URL 'compz.php?prodid=' + x + '&qbuys=' + ycome valore della casella di testo, giusto? Se è così, devi fare qualcosa come:

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

Riferimento: get()

Hai due errori nel codice:

• load()inserisce l' HTML restituito dall'Ajax nell'elemento specificato:

  Carica i dati dal server e posiziona l'HTML restituito nell'elemento corrispondente.

  Non è possibile impostare il valore di una casella di testo con quel metodo.

• $(selector).load()restituisce l' oggetto a jQuery . Per impostazione predefinita, un oggetto viene convertito [object Object]quando viene trattato come stringa.

Ulteriori chiarimenti :

Supponendo che il tuo URL ritorni 5.

Se il tuo HTML ha questo aspetto:

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

quindi il risultato di

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

sarà

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

Ma nel tuo codice hai un elemento di input. Teoricamente (non è HTML valido e non funziona come hai notato), una chiamata equivalente risulterebbe in

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

Ma in realtà ne hai bisogno

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

Pertanto, non puoi usare load(). Devi usare un altro metodo, ottenere la risposta e impostarla come valore tu stesso.

Nota che l' .valueattributo è una funzionalità JavaScript. Se vuoi usare jQuery, usa:

$('#pid').val()

per ottenere il valore e:

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

per impostarlo.

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

Per quanto riguarda il tuo secondo problema, non ho mai provato a impostare automaticamente il valore HTML utilizzando il loadmetodo. Di sicuro, puoi fare qualcosa del genere:

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

Nota che il codice sopra non è stato testato.

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

Vorrei farti notare che .val () funziona anche con selects per selezionare il valore attualmente selezionato.

provare

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>