JavaScript JavaScript

Đợt vừa rồi khi code frontend cho dự án trên công ty mình đùng phải một task trong đó cần phải lấy ra HTML của một phần tử cho trước nhưng bao gồm cả phần tử mẹ. Mình sẽ minh họa cụ thể bằng code để mọi người dễ hình dung.

Sau khi gửi Ajax request lên server thì mình server trả về code HTML như sau:


<html>
<body>

<!-- Các phần tử khác trên trang -->
...
<div id="content-partial">
    <h3>...</h3>
    <p>...</p>
</div> 
...
<!-- Các phần tử khác trên trang -->
</body>
</html>

Nhiệm vụ tiếp theo...

jQuery jQuery

Em đang sử dụng jQuery UI để tạo một dialog hiển thị khi người dùng click đăng ký tài khoản, code HTMl của em như sau:

<div id="dialog_register_form" class="hidden" title="Đăng Ký Tài Khoản">
    <h3>Thông Tin Tài Khoản</h3>
    <form action="#" method="POST">
    ...
    </form>
</div>
<a href="#" role="button" class="btn btn-primary" id="btn-register">
    <i class="fa fa-user"></i> Đăng Ký
</a>

Code JavaScript để hiển thị dialog:

var dialog_register_form = $('#dialog_register_form');
dialog_r...
JavaScript JavaScript

Em đang code tính năng upload file ảnh sử dụng AJAX trong đó ở trang thông tin người dùng có một form cho phép người dùng có thể cập nhật ảnh avatar của mình như sau:

<form method="POST" action="/users/update_avatar" enctype="multipart/form-data">
    <div>
        <label for="avatar">Chọn file ảnh:</label>
        <input type="file" id="avatar" name="avatar"/>
    </div>
    <div>
        <button>Cập nhật avatar</button>
    </div>
</form>

Toàn bộ quá trình cập nhật avatar sẽ được thực hiện hoà...

jQuery jQuery

Mình không hiểu tại sao khi viết mã lệnh jQuery thì cần đặt bên trong document.ready.

Ví dụ như mã sau:

$(document).ready(function () {
  $("a").click(function (e) {
    alert("aaaa");
    e.preventDefault()/
  });
});

và đoạn mã sau:

$("a").click(function (e) {
    alert("aaaa");
    e.preventDefault()/
});

cùng có kết quả cuối cùng như nhau.

Vậy thì tại sao và khi nào cần sử dụng document.ready?

HTML HTML

Trong HTML có hỗ trợ chức năng validate input sử dụng Regular Expression tuy nhiên không phải bạn nào cũng biết tới đặc biệt là các bạn làm backend không chuyên làm về frontend. Trong một dự án gần đây làm cho khách hàng L là một công ty logistic của châu Âu và họ cần phát triển một hệ thống theo dõi quá trình vận chuyển hàng hóa & quản lý hàng tồn kho (hay còn gọi là CRM cho logistic). Có thể tóm tắt yêu cầu dự án như sau:

Khách hàng L có các Clients là các công ty hoặc cá nhân có nhu vận chuyể...