Đang chuẩn bị liên kết để tải về tài liệu:
AJAX and PHP Building Responsive Web Applications phần 9

Các đối tượng sự kiện nhận được như một tham số có một keycode tài sản có mã của phím được nhấn. Trong bảng dưới đây, bạn có thể tìm thấy một danh sách của hầu hết các phím đặc biệt: Bảng 1: Các mã số | AJAX Grid handle receiving the server response with a new page of products function handleGridpageLoad . when readyState is 4 we read the server response if xmlHttp.readyState 4 . continue only if HTTp status is OK if xmlHttp.status 200 read the response response xmlHttp.responseText server error if response.indexOf ERRNO 0 response.indeXOf error 0 response.length 0 display error message alert response.length 0 Server serror. response exit function return the server response in XML format xmlResponse xmlHttp.responseXML browser with native functionality if window.XMLHttpRequest window.XSLTProcessor window.DOMparser . . _ load the XSLT document v ar xsltProcessor new XSLTProcessor xsltProcessor.importStylesheet stylesheetDoc generate the HTML code for the new page of products page xsltProcessor.transformToFragment xmlResponse document display the page of products v ar gridDiv document.getElementById gridDivId gridDiv.innerHTML gridDiv.appendChild page _ _ Internet Explorer code else if window.ActiveXObject . . _ load the XSLT document var theDocument createMsxml2DOMDocumentObject theDocument.async false theDocument.load xmlResponse display the page of products v ar gridDiv document.getElementById gridDivId gridDiv.innerHTML theDocument.transformNode stylesheetDoc 1 else . . . _ alert Error reading server response. enters the product specified by id into edit mode if editMode is true and cancels edit mode if editMode is false function editld id editMode . gets the tr element of the table that contains the table v ar productRow document.getElementByld id .cells are we enabling edit mode if editMode we can have only one row in edit mode at one time 214 Chapter 8 if editableId editId editableId false store current data in case the user decides to cancel the changes save id create editable text boxes productRow 1 .innerHTML input class editName type text name name value productRow 1 .innerHTML productRow 2 .innerHTML input class editPrice type text name price value .