AJAX를 사용하여 HTML 표 새로 고침

Question

AJAX를 사용하여 HTML 표를 새로 고치는 방법에 대해 혼란스러워합니다.

저는 사이트 개발자가 아니므로 서버 측 정보가 없습니다. 이 페이지의 표를 다시로드 할 수 없습니다. http://www.roblox.com/Poison-Horns-item?id=62152671

AJAX가 작동하도록 문서를 요청해야하지만이 페이지에서 문서를 찾을 수 없습니다. 나는 바로 사용자>.> - 아약스는 주로 사이트를 개발하는 사람들을위한 사이트라고 생각합니다.

Answer 1

일부 방법으로 페이지를 가져올 수없는 경우 페이지의 일부만 다시로드 할 수 있습니다. 개발자 입장에서는 서버에서 테이블 데이터 만 요청하고 화면에 표시하여 자동으로 업데이트 할 수 있습니다.

사용자가되면로드 할 때 전체 페이지를 가져옵니다. 따라서 페이지의 나머지 부분을 가져 오지 않고 테이블 데이터를 가져올 수는 없습니다. 테이블 부분 만 원한다고하더라도 전체 페이지를 요청해야합니다.

가장 좋은 방법은 전체 페이지를 다시로드하는 스크립트를 만드는 것입니다. iFrame에로드 된 사이트와 웹 페이지 및 iFrame을 사용하여이 작업을 수행 할 수 있으며 프레임을 너무 자주 다시로드하는 스크립트 만 수행 할 수 있습니다.

<iframe id="frame" src="http://mysite.com"></iframe>​ 

setInterval(reload,1000) 

function reload() { 
    document.getElementById("frame").src=document.getElementById("frame").src; 
} 

위 코드는 1000ms 페이지를 새로 고침합니다.

AJAX 페이지를 다시로드보다 더 빨리되고 관련하여 :

만 AJAX를 사용하여 데이터를 요청하고 클라이언트 측에서 페이지를 업데이트 할 경우이 사실이다. 이 경우 클라이언트와 서버간에 최소한의 데이터 전송이 이루어 지므로 모든 것이 더 빠릅니다. 귀하의 경우에는 AJAX로 작업 한 경우에도 전체 페이지를 요청해야합니다. AJAX가있는 웹 사이트에는 클라이언트가 서버에서 특정 정보를 요청하여 빠르게 처리 할 수있게 해주는 API가 있습니다. 너 여기 없어.

내가 아는 바로는 항목 가격을 확인하고 임계 값 미만인지 알려주는 것입니다. 이 경우 JS를 웹 페이지에 삽입 할 수있는 Chrome 확장 프로그램을 사용합니다. this과 같은 것입니다.

다음 jQuery 선택자는 첫 번째 항목의 가격을 가져옵니다. 임계 값 가격 및 간격 (300000ms = 5 minutes)을 조정할 수 있습니다.

var price = $("#UserSalesTab > table > tbody > tr:nth-child(2) > td:nth-child(3) > b").html().match(/[0-9]+/)[0] 
if (price < 100) alert("BUY"); 
setInterval(reload, 300000)