python - Wie crawle ich Webinhalte, die von der nächsten Seite abgedeckt/von JS gerendert werden?
Ich möchte den aktuellen Verkaufspreis des Artikels auf der Webseite http://www.igxe.cn/h1z1/43385... und die ITEM_ID des entsprechenden Produkts extrahieren
Ich verwende PYTHON2.7, um mit Anfragen zu arbeiten. Der Code lautet wie folgt:
import requests
import sys
headers = {'User-Agent': 'Mozilla/5.0 (Linux; U; Android 4.0.3; zh-cn; M032 Build/IML74K) AppleWebKit/533.1 (KHTML, like Gecko)Version/4.0 MQQBrowser/4.1 Mobile Safari/533.1'}
r = requests.get('http://www.igxe.cn/h1z1/433850/product-567592', headers = headers,stream=True)
print r.request.headers['User-Agent']
print r.text
reload(sys)
sys.setdefaultencoding('utf-8')
f = open('/workspace/test.txt', 'w')
f.write (r.text)
f.close
Die erhaltene Codedatei enthält die meisten Informationen auf der Webseite, mit der Ausnahme, dass sie nicht über die von mir benötigten Verkaufspreisinformationen und Artikel-IDs verfügt. Diese Informationen können jedoch über das Überprüfungselement des Browsers abgerufen werden folgt: 
Dieses Code-Snippet kann leicht durch Untersuchen des Elements abgerufen werden, es ist jedoch nicht im Quellcode verfügbar, sodass ich sehr verwirrt bin, wie ich es erhalten kann.
Ich habe das folgende Fragment im Quellcode gefunden. Ich frage mich, ob es eine Möglichkeit ist, AJAX-bezogene Informationen zu erhalten:
<script src="/static/csgo/js/page.js"></script>
<script>
var price_sort = 1;
var lock_sort = 1;
var status_locked = 0;
var get_params = function (_page_no, _page_size, _status_locked, _price_sort, _lock_sort) {
var data = {};
data['page_no'] = _page_no;
data['page_size'] = _page_size;
data['status_locked'] = _status_locked;
data['price_sort'] = _price_sort;
data['lock_sort'] = _lock_sort;
return data;
};
var load_data = function (params) {
if (!AjaxLogin.is_login_box(params.page_no > 1)) {
return false;
}
$.ajax({
'type': "GET",
'url': "/h1z1/433850/get_list_tmp/568258/" + params.status_locked + "/" + params.page_no + "/" + params.price_sort + "/" + params.lock_sort +"?steamid=",
'data': {},
'dataType': "json",
beforeSend: function () {
},
success: function (data) {
var $t_body = $('#js-tbody-data');
var $page = $('#js-page-html');
if (data.succ) {
$t_body.html(data.data_html);
$page.html(data.page_html);
} else {
alert(data.message);
}
Core.ui.loader.hide();
},
error: function (XmlHttpRequest, textStatus, errorThrown) {
Core.ui.loader.hide();
}
});
};
var load = function () {
var param = get_params(1, 20, status_locked, price_sort, lock_sort);
load_data(param);
};
var change_sort_style = function ($dom, _sort) {
if (_sort == 1) {
$dom.addClass('sort__up');
$dom.removeClass('sort__down');
} else if (_sort == 2) {
$dom.addClass('sort__down');
$dom.removeClass('sort__up');
} else {
$dom.removeClass('sort__up');
$dom.removeClass('sort__down');
}
};
var page_callback = function (page_no) {
var param = get_params(page_no, 20, status_locked, price_sort, lock_sort);
load_data(param);
};
$(function () {
var pid = "568258";
Core.ui.tab($('#js-dota-tabs .js-item'), $('#js-dota-panel .js-item'), 'click');
load();
var tradeBtn = $('#js-btn-tradeBuy');
var weaponKey = $('#js-pop-weaponKey');
var $sort_lock = $('#js-sort-lock');
var $sort_price = $('#js-sort-price');
var $page = $('#js-page-html');
$page.on('click', '.js-page', function () {
var page_no = $(this).attr('page_no');
page_callback(page_no);
});
$page.on('click', '.js-page-jump', function () {
var page_no = $(this).prev().val();
page_callback(page_no);
});
$page.on('keyup', '.js-page-jump-no', function (e) {
$(this).val($(this).val().replace(/[^0-9.]/g, ''));
if (!$(this).val()) {
$(this).val(1);
}
});
$page.on('keydown', '.js-page-jump-no', function (e) {
var curKey = e.which;
if (curKey == 13) {
page_no = $('.js-page-jump-no').val();
page_callback(page_no);
}
});
$sort_lock.on('click', function(){
if(lock_sort==1){
lock_sort = 2;
} else {
lock_sort = 1;
}
load();
change_sort_style($(this), lock_sort);
price_sort = 0;
change_sort_style($sort_price, price_sort);
});
$sort_price.on('click', function () {
if (price_sort == 1) {
price_sort = 2;
} else {
price_sort = 1;
}
load();
change_sort_style($(this), price_sort);
lock_sort = 0;
change_sort_style($sort_lock, lock_sort);
});
$('#js-find-locked').on('click', function () {
if ($(this).prop('checked')) {
status_locked = 1;
} else {
status_locked = 0;
}
lock_sort = 1;
price_sort = 1;
change_sort_style($sort_lock, 0);
change_sort_style($sort_price, 0);
load();
});
$('#js-buy-count').on('keyup', function () {
$(this).val($(this).val().replace(/[^0-9]/g, ''));
var value = $(this).val();
if (value > 100) {
$(this).val(100);
}
});
$('#js-money-start').on('keyup', function () {
$(this).val($(this).val().replace(/[^0-9.]/g, ''));
var value = $(this).val();
if (value > 99999) {
$(this).val(99999);
}
});
$('#js-money-end').on('keyup', function () {
$(this).val($(this).val().replace(/[^0-9.]/g, ''));
var value = $(this).val();
if (value > 99999) {
$(this).val(99999);
}
});Wenn ich mir das Bewertungselement ansehe, vermute ich, dass die Verkaufshistorie für denselben Standort in der Verkaufsliste die aktuellen Informationen überschreibt.
Wenn ich mir den Quellcode ansehe, habe ich das Gefühl, dass es einen AJAX- oder JS-Rendering-Prozess gibt.
Als Anfänger weiß ich wirklich nicht, wie ich dieses Problem lösen soll, deshalb möchte ich die Experten um Rat fragen.
