cara mengatur nilai kotak teks di jquery

Bagaimana cara memuat dengan benar nilai tertentu ke dalam kotak teks menggunakan jquery? Mencoba yang di bawah ini tetapi saya mendapatkan [object Object]sebagai output. Tolong jelaskan saya tentang ini, saya baru mengenal 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>

Saya pikir Anda ingin menyetel respons panggilan ke URL 'compz.php?prodid=' + x + '&qbuys=' + ysebagai nilai kotak teks, bukan? Jika ya, Anda harus melakukan sesuatu seperti:

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

Referensi: get()

Ada dua kesalahan dalam kode Anda:

• load()menempatkan HTML yang dikembalikan dari Ajax ke elemen yang ditentukan:

  Muat data dari server dan tempatkan HTML yang dikembalikan ke elemen yang cocok.

  Anda tidak dapat menyetel nilai kotak teks dengan metode itu.

• $(selector).load()mengembalikan objek jQuery . Secara default, sebuah objek diubah menjadi [object Object]ketika diperlakukan sebagai string.

Klarifikasi lebih lanjut :

Dengan asumsi URL Anda kembali 5.

Jika HTML Anda terlihat seperti:

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

lalu hasil

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

akan

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

Tetapi dalam kode Anda, Anda memiliki elemen input. Secara teoritis (ini bukan HTML yang valid dan tidak berfungsi seperti yang Anda perhatikan), panggilan yang setara akan menghasilkan

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

Tapi sebenarnya Anda membutuhkannya

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

Oleh karena itu, Anda tidak dapat menggunakan load(). Anda harus menggunakan metode lain, dapatkan respons dan atur sendiri sebagai nilai.

Perhatikan bahwa .valueatributnya adalah fitur JavaScript. Jika Anda ingin menggunakan jQuery, gunakan:

$('#pid').val()

untuk mendapatkan nilainya, dan:

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

untuk mengaturnya.

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

Mengenai masalah kedua Anda, saya belum pernah mencoba mengatur nilai HTML secara otomatis menggunakan loadmetode ini. Yang pasti, Anda bisa melakukan sesuatu seperti ini:

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

Perhatikan bahwa kode di atas belum teruji.

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

Saya ingin menunjukkan kepada Anda bahwa .val () juga berfungsi dengan pemilihan untuk memilih nilai yang dipilih saat ini.

mencoba

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>