Я использую цикл for для вывода возвращенных данных JSON на веб-страницу с использованием javascript, затем я пытаюсь получить идентификатор элемента для отправки его в API через вызов AJAX, но я жестко закодировал идентификатор в AJAX, может кто-то скажите мне, как динамически отправить идентификатор в функции AJAX. Кроме того, мне нужна отсутствующая функция обратного вызова в AJAX (updateCartData), заранее спасибо!

JAVASCRIPT function getCartData(data){ for (var i = 0; i {amp}lt; data.items.length; i  ) { var id = data.items[i].id; var title = data.items[i].title var price = data.items[i].price var quantity = data.items[i].quantity var image = data.items[i].image $("#result").append("{amp}lt;div class='column left'{amp}gt;{amp}lt;img src="  image   "width=100 height=100 style=padding:20px{amp}gt;{amp}lt;/div{amp}gt;{amp}lt;div class='column middle' {amp}gt;"   " "   title   " "   price   "{amp}lt;/div{amp}gt;{amp}lt;div class='column right' {amp}gt;{amp}lt;input type=number min=1 max=10 step=1 value=" quantity " maxlength=2 size=2 /{amp}gt;{amp}lt;/div{amp}gt;"); }} var script = document.createElement('script'); script.src = 'https://example.com/cart.json?callback=getCartData' document.getElementsByTagName('head')[0].appendChild(script); JSON attributes: {} cart_level_discount_applications: [] currency: "EUR" item_count: 2 items: Array(1) 0: {id: 26100757856320, properties: {…}, quantity: 2, variant_id: 26100757856320, key: "26100757856320:6a238690d3db493c4359175c62751c6e", …} length: 1 __proto__: Array(0) items_subtotal_price: 133800 note: null original_total_price: 133800 requires_shipping: true token: "1234567890" total_discount: 0 total_price: 133800 total_weight: 8000 __proto__: Object AJAX $( window ).load(function() { $(":input").bind('keyup mouseup', function () { $.ajax({ url: "https://example.com/cart/change.json?callback=updateCartData", jsonp: "updateCartData", dataType: "jsonp", data: { id: "26100757856320", quantity : 2 }, success: function(data) { console.log("quantity has been updated"); } }); }); }); 

При создании входов добавьте идентификатор элемента к входу. В своем вызове Ajax просто используйте $(this).attr('id') для идентификатора и $(this).val() для количества.

 function getCartData(data) { for (var i = 0; i {amp}lt; data.items.length; i  ) { var id = data.items[i].id; var title = data.items[i].title var price = data.items[i].price var quantity = data.items[i].quantity var image = data.items[i].image $("#result").append("{amp}lt;div class='column left'{amp}gt;{amp}lt;img src="   image   "width=100 height=100 style=padding:20px{amp}gt;{amp}lt;/div{amp}gt;{amp}lt;div class='column middle' {amp}gt;"   " "   title   " "   price   "{amp}lt;/div{amp}gt;{amp}lt;div class='column right' {amp}gt;{amp}lt;input id='"   id   "' type=number min=1 max=10 step=1 value="   quantity   " maxlength=2 size=2 /{amp}gt;{amp}lt;/div{amp}gt;"); } } $(":input").bind('keyup mouseup', function() { $.ajax({ url: "https://example.com/cart/change.json?callback=updateCartData", jsonp: "updateCartData", dataType: "jsonp", data: { id: $(this).attr('id'), quantity: $(this).val() }, success: function(data) { console.log("quantity has been updated"); } }); });