comment définir la valeur de la zone de texte dans jquery

Comment puis-je charger correctement une certaine valeur dans une zone de texte à l'aide de jquery? J'ai essayé celle ci-dessous mais j'obtiens la [object Object]sortie. Veuillez m'éclairer à ce sujet, je suis nouveau dans 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>

Je pense que vous souhaitez définir la réponse de l'appel à l'URL 'compz.php?prodid=' + x + '&qbuys=' + ycomme valeur de la zone de texte, n'est-ce pas? Si c'est le cas, vous devez faire quelque chose comme:

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

Référence: get()

Vous avez deux erreurs dans votre code:

• load()place le HTML renvoyé par Ajax dans l'élément spécifié:

  Chargez les données du serveur et placez le code HTML renvoyé dans l'élément correspondant.

  Vous ne pouvez pas définir la valeur d'une zone de texte avec cette méthode.

• $(selector).load()renvoie un objet jQuery . Par défaut, un objet est converti en [object Object]lorsqu'il est traité comme une chaîne.

Précisions supplémentaires :

En supposant que votre URL retourne 5.

Si votre HTML ressemble à:

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

puis le résultat de

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

sera

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

Mais dans votre code, vous avez un élément d'entrée. Théoriquement (ce n'est pas du HTML valide et ne fonctionne pas comme vous l'avez remarqué), un appel équivalent entraînerait

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

Mais tu as vraiment besoin

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

Par conséquent, vous ne pouvez pas utiliser load(). Vous devez utiliser une autre méthode, obtenir la réponse et la définir vous-même comme valeur.

Notez que l' .valueattribut est une fonctionnalité JavaScript. Si vous souhaitez utiliser jQuery, utilisez:

$('#pid').val()

pour obtenir la valeur, et:

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

pour le régler.

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

En ce qui concerne votre deuxième problème, je n'ai jamais essayé de définir automatiquement la valeur HTML à l'aide de la loadméthode. Bien sûr, vous pouvez faire quelque chose comme ceci:

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

Notez que le code ci-dessus n'a pas été testé.

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

Je voudrais vous signaler que .val () fonctionne également avec selects pour sélectionner la valeur actuellement sélectionnée.

essayer

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>