cách đặt giá trị hộp văn bản trong jquery

Làm cách nào để tải đúng một giá trị nhất định vào hộp văn bản bằng cách sử dụng jquery? Đã thử cách dưới đây nhưng tôi nhận được kết [object Object]quả là đầu ra. Xin vui lòng chỉ cho tôi về điều này, tôi mới làm quen với 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>

Tôi nghĩ bạn muốn đặt phản hồi của lệnh gọi đến URL 'compz.php?prodid=' + x + '&qbuys=' + ylàm giá trị của hộp văn bản phải không? Nếu vậy, bạn phải làm điều gì đó như:

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

Tài liệu tham khảo: get()

Bạn có hai lỗi trong mã của mình:

• load()đặt HTML được trả về từ Ajax vào phần tử được chỉ định:

  Tải dữ liệu từ máy chủ và đặt HTML trả về vào phần tử phù hợp.

  Bạn không thể đặt giá trị của hộp văn bản bằng phương pháp đó.

• $(selector).load()trả về một đối tượng jQuery . Theo mặc định, một đối tượng được chuyển đổi thành [object Object]khi được coi là chuỗi.

Làm rõ thêm :

Giả sử URL của bạn trả về 5.

Nếu HTML của bạn giống như sau:

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

sau đó là kết quả của

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

sẽ là

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

Nhưng trong mã của bạn, bạn có một yếu tố đầu vào. Về mặt lý thuyết (nó không phải là HTML hợp lệ và không hoạt động như bạn nhận thấy), một lệnh gọi tương đương sẽ dẫn đến

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

Nhưng bạn thực sự cần

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

Do đó, bạn không thể sử dụng load(). Bạn phải sử dụng một phương pháp khác, nhận phản hồi và tự đặt nó làm giá trị.

Lưu ý rằng .valuethuộc tính là một tính năng JavaScript. Nếu bạn muốn sử dụng jQuery, hãy sử dụng:

$('#pid').val()

để nhận giá trị và:

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

để thiết lập nó.

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

Về vấn đề thứ hai của bạn, tôi chưa bao giờ thử tự động đặt giá trị HTML bằng loadphương pháp này. Chắc chắn, bạn có thể làm điều gì đó như sau:

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

Lưu ý rằng đoạn mã trên chưa được kiểm tra.

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

Tôi muốn chỉ ra cho bạn rằng .val () cũng hoạt động với các lựa chọn để chọn giá trị được chọn hiện tại.

thử

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>