Đây là một giải pháp thay thế với Ajax nhưng không có jQuery, chỉ là JavaScript thông thường:
Thêm trang này vào trang PHP đầu tiên/chính, nơi bạn muốn gọi hành động từ đó, nhưng thay đổi nó từ thẻ
1 tiềm năng [siêu liên kết] thành phần tử
2, vì vậy nó không được nhấp bởi bất kỳ bot hoặc ứng dụng độc hại nào [hoặc bất cứ điều gì] .
// function invoking ajax with pure javascript, no jquery required.
function myFunction[value_myfunction] {
var xmlhttp = new XMLHttpRequest[];
xmlhttp.onreadystatechange = function[] {
if [this.readyState == 4 && this.status == 200] {
document.getElementById["results"].innerHTML += this.responseText;
// note '+=', adds result to the existing paragraph, remove the '+' to replace.
}
};
xmlhttp.open["GET", "ajax-php-page.php?sendValue=" + value_myfunction, true];
xmlhttp.send[];
}
2,
4 sử dụng chức năng JavaScript của Heads để gửi
5 qua AJAX đến một trang PHP khác, giống như nhiều ví dụ trước cái này. Trang khác,
6, kiểm tra giá trị nhận và trả về với
7:
Phản hồi từ
7 sau đó được trả về và hiển thị vớidocument.getElementById["results"].innerHTML += this.responseText;
9 dân cư và thêm vào các phần tử HTML hiện có, xóa document.getElementById["results"].innerHTML += this.responseText;
0 chỉ cập nhật và thay thế các nội dung hiện có của phần tử HTML document.getElementById["results"].innerHTML += this.responseText;
1 document.getElementById["results"].innerHTML += this.responseText;
2.Sự kiện & nbsp; title được coi là sự kiện phổ biến nhất dùng trong cac trang web. Sự Kiện Này Cũng Đan Coi Là Dễ Hiểu Và Dễ DùnonClick được coi là sự kiện phổ biến nhất dùng trong các trang web. Sự kiện này cũng được coi là dễ hiểu và dễ dùng nhất, nó được kích hoạt khi ta nhấn vào một đối tượng nào đó của trang web [nút lệnh, link, ảnh, ...].
Ví dụ:
& nbsp; & nbsp;
& nbsp; & nbsp;
Xử lý sự kiện và các hình thức
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp;
& nbsp; & nbsp;
Xử lý sự kiện và các hình thức
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp;
1 & nbsp; & nbsp; & nbsp; hàm lời chào [tin nhắn] {
& nbsp; & nbsp;
& nbsp; & nbsp;
& nbsp; & nbsp;
& nbsp; & nbsp;
Xử lý sự kiện và các hình thức
& nbsp; & nbsp;
& nbsp; & nbsp;
Xử lý sự kiện và các hình thức
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp;
1 & nbsp; & nbsp; & nbsp; hàm lời chào [tin nhắn] {
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Thông điệp cảnh báo];
& nbsp; & nbsp; & nbsp; & nbsp; }
& nbsp; & nbsp; Tin nhắn chào hỏi
2 & nbsp;
& nbsp; & nbsp;
& nbsp; & nbsp;
& nbsp; & nbsp;
Xử lý sự kiện và các hình thức
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp;
1 & nbsp; & nbsp; & nbsp; hàm lời chào [tin nhắn] {
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Thông điệp cảnh báo];
& nbsp; & nbsp; & nbsp; & nbsp; }
& nbsp; & nbsp; Tin nhắn chào hỏi
2 & nbsp;
3 & nbsp; & nbsp; & nbsp;
- 4 & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; title = "Xin chào ['Chao Buổi Sáng - Chào buổi sáng!']">
- & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; title = "Chào
- & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; title = "Chào
- & nbsp; & nbsp; & nbsp; & nbsp;
& nbsp; & nbsp; & nbsp; & nbsp;
& nbsp; & nbsp; & nbsp; & nbsp;
& nbsp; & nbsp; & nbsp; & nbsp;
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; title = "Chào
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; title = "Xin chào ['Chúc ngủ ngis
GIẢI THÍCH
1
4. Khi bạn | 1] Sự Kiện Là Gì!? |
- Thông thường, Sự Kiện là những hànH Động của người dùng khi | - Ví Dụ: |
Khi người dùng nhấp vào chuột vào phần tử, ĐÓ là một sự kiện. | => Ví dụ, bạn hÃy thử |
Khi nge | Khi người dùng di chuyển con trỏ vào phần tử, Đó là một sự kiện. |
Di chuyển con trỏ vào đây | Hốt tức |
2] Các Sự Kiện Trong JavaScript | - trong javascript, mỗi sự kiện sẽ tương ứng với một cáin Tênn. |
- Dưới Đây Là Danh Sách Một Vài Sự Kiện Phổ Biến Mà Ta Thường Dùng Trong JavaScript. | Tên Sự Kiện |
Mô tả | trong một cái nhấp chuột |
Sự kiện xảy ra khi bạn | ondblclick |
Sự Kiện xảy ra khi | onmouseenter |
Sự Kiện xảy ra khi
onmouseleave
Sự Kiện xảy ra khi"Bắt sự kiện" là khi một sự kiện nào đó xảy ra thì ta muốn JavaScript phản ứng lại với sự kiện đó bằng việc thực thi một đoạn mã xác định.
Onkeydownalert['Xin chào JavaScript'] sẽ được thực thi.
Sự kiện xảy ra khi bạn
ONKEYUPthis.style.backgroundColor='pink' được thực thi]
Sự kiện xảy ra khi bạnthis.style.backgroundColor='white' được thực thi]
Oncopy
Sự kiện xảy ra khi bạn
- oncut
- Sự kiện xảy ra khi bạn
- onpaste
Sự Kiện xảy ra khi
onchangeclick kép chuột vào nút "Xem kết quả" thì đoạn mã:
Sự Kiện xảy ra khi
var b = 50;
var result = [a + b]*2;
alert['Kết quả của biểu thức là: ' + result] sẽ được thực thi.
Xem kết quả
Bạn sẽ /c tìm hiểu đầy đủ tất cả c6
Khi người dùng click chuột vào nút "Xin chào" thì hàm hello[] sẽ được thực thihello[] sẽ được thực thi
Xin chào
function hello[]{
var name = "Nguyễn Thành Nhân";
var year = 1993;
var str = "Tôi tên " + name + " sinh năm " + year;
document.getElementById["demo"].innerHTML = str;
}
Xem ví dụ
- Lưu ý: Với cùng một phần tử, ta có thể bắt cho nó nhiều sự kiện.
Phần tử có id là demo bên dưới được bắt hai sự kiện:
- Khi người dùng di chuyển con trỏ vào nó thì sự kiện onmouseenter xảy ra và câu lệnh this.style.backgroundColor='yellow' sẽ được thực thi.this.style.backgroundColor='yellow' sẽ được thực thi.
- Khi người dùng di chuyển con trỏ vào nó thì sự kiện onmouseleave xảy ra và câu lệnh this.style.backgroundColor='gray' sẽ được thực thi.this.style.backgroundColor='gray' sẽ được thực thi.
#demo{
width:300px;
height:200px;
background-color:gray;
}
Xem ví dụ
- Lưu ý: Với cùng một phần tử, ta có thể bắt cho nó nhiều sự kiện.
- Phần tử có id là demo bên dưới được bắt hai sự kiện:
- Khi người dùng di chuyển con trỏ vào nó thì sự kiện onmouseenter xảy ra và câu lệnh this.style.backgroundColor='yellow' sẽ được thực thi.
Xin chào
Xin chào
Xin chào
Xin chào
Khi người dùng di chuyển con trỏ vào nó thì sự kiện onmouseleave xảy ra và câu lệnh this.style.backgroundColor='gray' sẽ được thực thi.
Xem ví dụ
Tài liệu hướng dẫn học lập trình web
Xem ví dụ
0Xem ví dụ