获取更新的价格？

Question

https://roroshetta.no/produkter/rett-vegg/orion/

从所有选择菜单中选择一个选项时，请在“金属/法格/ PVD-贝勒格/霍格朗斯法格”菜单中选择“伯斯特短吻鳄”。我怎样才能捕捉到添加到页面上的更新价格？

这不是我的网站，因此我需要注入带有chrome扩展名的javascript / jquery并提醒更新价格。

我正在将cjs扩展用于chrome，但需要有关javascript / jquery代码的帮助。

Answer 1

当您输入选择时，此站点使用对PHP页面的调用来查询价格。如果您去查看开发人员工具中的“网络”标签，则可以看到正在进行的呼叫。

您可以查看请求的去向和参数。

这是我的请求的副本，fetch

fetch("https://roroshetta.no/?wc-ajax=get_variation", {"credentials":"include","headers":{},"referrer":"https://roroshetta.no/produkter/rett-vegg/orion/","referrerPolicy":"no-referrer-when-downgrade","body":"attribute_bredde=60+cm&attribute_hoyde=64+cm&attribute_ventilasjonstype=Ekstern+motor&attribute_metall-farge-pvd-belegg-hoyglans-farger=B%C3%B8rstet+kobber&product_id=56613","method":"POST","mode":"cors"});

这返回了响应

{"attributes":{"attribute_bredde":"60 cm","attribute_hoyde":"64 cm","attribute_ventilasjonstype":"","attribute_metall-farge-pvd-belegg-hoyglans-farger":"B\u00f8rstet kobber"},"availability_html":"","backorders_allowed":false,"dimensions":{"length":"","width":"","height":""},"dimensions_html":"I\/A","display_price":16680,"display_regular_price":16680,"image":{"title":"Orion01","caption":"","url":"https:\/\/roroshetta.no\/wp-content\/uploads\/2017\/09\/Orion01.jpg","alt":"Orion01","src":"https:\/\/roroshetta.no\/wp-content\/uploads\/2017\/09\/Orion01.jpg","srcset":"https:\/\/roroshetta.no\/wp-content\/uploads\/2017\/09\/Orion01.jpg 1280w, https:\/\/roroshetta.no\/wp-content\/uploads\/2017\/09\/Orion01-300x265.jpg 300w, https:\/\/roroshetta.no\/wp-content\/uploads\/2017\/09\/Orion01-768x679.jpg 768w, https:\/\/roroshetta.no\/wp-content\/uploads\/2017\/09\/Orion01-1024x906.jpg 1024w","sizes":"(max-width: 600px) 100vw, 600px","full_src":"https:\/\/roroshetta.no\/wp-content\/uploads\/2017\/09\/Orion01.jpg","full_src_w":1280,"full_src_h":1132,"thumb_src":"https:\/\/roroshetta.no\/wp-content\/uploads\/2017\/09\/Orion01.jpg","thumb_src_w":300,"thumb_src_h":265,"src_w":600,"src_h":531},"image_id":"59948","is_downloadable":false,"is_in_stock":true,"is_purchasable":true,"is_sold_individually":"no","is_virtual":false,"max_qty":"","min_qty":1,"price_html":"<span class=\"price\"><ins class=\"h2\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#107;&#114;&nbsp;16.680 <small class=\"woocommerce-price-suffix\">inkl. mva.<\/small><\/ins><\/span>","sku":"1350 + 8506","variation_description":"","variation_id":62991,"variation_is_active":true,"variation_is_visible":true,"weight":"","weight_html":"I\/A","image_link":"https:\/\/roroshetta.no\/wp-content\/uploads\/2017\/09\/Orion01.jpg","image_src":"https:\/\/roroshetta.no\/wp-content\/uploads\/2017\/09\/Orion01.jpg","uncode_image_path":"2017\/09\/Orion01.jpg","image_sizes":"","image_srcset":""}

您需要熟悉Promise才能从返回的流中获取数据