Tôi không tìm thấy lý do để chuyển hướng ở nơi đầu tiên bởi vì tại sao bạn có một mẫu đơn đặt hàng không làm được gì
Điều đó nói rằng, đây là làm thế nào để làm điều đó. Đầu tiên không bao giờ đặt mã vào nút gửi nhưng thực hiện nó trong khi gửi, thứ hai là trả về sai để dừng việc gửi
Lưu ý Mã này sẽ bỏ qua hành động và chỉ thực thi lệnh do tập lệnh trả về FALSE/PRECDEFAULT Mã này sẽ BỎ QUA hành động và CHỈ thực thi tập lệnh do trả về false/preventDefault
function redirect[] {
window.location.replace["login.php"];
return false;
}
sử dụng
Hoặc không có nhiều thứ
window.onload=function[] {
document.getElementById["form1"].onsubmit=function[] {
window.location.replace["login.php"];
return false;
}
}
sử dụng
jQuery
$["#form1"].on["submit",function[e] {
e.preventDefault[]; // cancel submission
window.location.replace["login.php"];
}];
-----
Thí dụ
$["#form1"].on["submit", function[e] {
e.preventDefault[]; // cancel submission
alert["this could redirect to login.php"];
}];
Chạy JavaScript trên biểu mẫu Gửi với các ví dụ sau. Những ví dụ này sử dụng các kích hoạt bao gồm trong các hình thức đáng gờm
Biểu mẫu đáng gờm là plugin Trình tạo mẫu WordPress tốt nhất. Get it free
Chuyển hướng đến URL trong tab mới
Bạn có thể làm điều này một cách dễ dàng bằng cách thêm JavaScript chuyển hướng trong "Thông báo xác nhận nhận bản cập nhật"
window.open['//www.yoururl.com', '_blank'];
Chuyển hướng đến URL trong phương pháp Tab mới 2
Mặt bên trái của tùy chọn 1 là cửa sổ bật lên chặn của trình duyệt có thể ngăn cửa sổ chuyển hướng của bạn mở. Tùy chọn 2 cung cấp một cách khác để mở trang/tab mới khi gửi mà không cần kích hoạt cửa sổ bật lên của trình chặn. Để thực hiện công việc này, bạn cần truy cập cài đặt biểu mẫu của mình -> Tùy chỉnh HTML và thêm mã sau vào nút gửi ngay trước mã ngắn mã [nút_action]. ngay trước mã ngắn [button_action]
Hiển thị tin nhắn xác nhận, sau đó chuyển hướng
Thêm mã sau vào biểu mẫu của bạn trên hộp thông báo gửi. Nó sẽ hiển thị một thông báo thành công trong 5 giây, sau đó chuyển hướng
Your submission was successfully saved. setTimeout["location.href = '//www.yoursite.com';",5000];
Ẩn tin nhắn xác nhận sau 5 giây
Nếu bạn đang hiển thị biểu mẫu của mình với thông báo thành công của mình và muốn ẩn nó sau x giây, bạn có thể sử dụng mã này trong thông báo thành công của mình
0Thực hiện hành động sau khi gửi biểu mẫu
Nếu bạn muốn thực hiện hành động javascript hoặc javascript sau khi biểu mẫu được gửi, có ba điều kiện khác nhau mà bạn có thể sử dụng, tùy thuộc vào hành động "BẬT" mà bạn đã chọn khi cài đặt biểu mẫu của mình
Sau khi tin nhắn thành công
Bạn có thể sử dụng sự kiện FRMFormComplete cho biểu mẫu JavaScript hoặc JQuery Gửi lại sau khi một thông báo thành công được hiển thị. Một ví dụ cơ bản được hiển thị dưới đây
1Đối tượng biểu mẫu bao gồm phần tử biểu mẫu đã được gửi. Đối tượng phản hồi bao gồm nội dung được hiển thị từ một trang khác. Bản ghi này phải được bao gồm bên ngoài HTML của biểu mẫu để được sử dụng
Xin chào các bạn, tôi mới bắt đầu học php. Vì vậy, tôi đã cố gắng tạo một yêu cầu đăng bài từ tệp javascript của mình sang tệp php của mình trước
25 khi tôi thực hiện yêu cầu trong bảng điều khiển của mình. Tôi gặp lỗi này
26 Tôi không hiểu tại sao lại xảy ra lỗi này. Xin hãy giúp tôi khắc phục vấn đề nàyNội dung chính Hiển thị
- Video learning setting per day
- Fetch api là gì?
- Cú pháp tìm nạp api cơ bản
- NHẬN yêu cầu với Fetch API
- tiêu đề tùy chỉnh
- Gửi thông tin xác thực với Fetch
- Yêu cầu POST/PUT
- Đăng một HTML
- Dữ liệu được mã hóa biểu mẫu
- Đang tải tệp lên
- Tải lên nhiều tệp
JavaScript
4PHP
2Udo E
2.4712 huy hiệu vàng18 huy hiệu bạc28 huy hiệu đồng
đã hỏi 17 tháng 3 lúc 11. 44
1
Bạn đang nhận được lỗi này. Uncaught [trong lời hứa] SyntaxError. Mã thông báo không mong muốn < trong JSON ở vị trí 0, vì phản hồi lỗi HTML đang được trả về trình duyệt thay vì dữ liệu json
Trong PHP, sử dụng
27 để lấy chuỗi json và
28 để lấy đối tượng php như hình bên dưới. Lưu ý rằng cuộc gọi tìm nạp javascript của bạn đang mong đợi vì dữ liệu được trả về chỉ là chuỗi jsonPHP
8đã trả lời 19 tháng 3 lúc 11. 39
Udo E. Udo E.
2.4712 huy hiệu vàng18 huy hiệu bạc28 huy hiệu đồng
5
Đầu tiên tệp js của bạn bị thiếu một dấu ngoặc nhọn
9Ngoài ra, trong php của bạn, bạn cần gửi lại một cái gì đó giống như json
window.onload=function[] {
document.getElementById["form1"].onsubmit=function[] {
window.location.replace["login.php"];
return false;
}
}
01
Nội dung bài viết
Video learning setting per day
Fetch api là gì? . Fetch api cho phép các nhà phát triển lấy tài nguyên và thực hiện các yêu cầu thông qua http
Trước đây chúng tôi có đề cập đến bài viết yêu cầu api trong Nodejs "3 cách để thực hiện các yêu cầu HTTP [Http request] trong Node. js" nhưng không đề cập đến thằng này [Fetch] vì sao??? Thử xem nào?
Fetch api là gì?
Nói cho sang vậy thôi chứ không phải bất cứ kẻ lập trình nào mà biết đến nó [XMLHttpRequest] và sau đó sử dụng jquery với ajax để sử dụng đăng bài, nhận. Hồi ajax mới ra, ai mà sử dụng được jquery. ajax cũng pro lắm rồi. Làm bao nhiêu công việc như thêm html, thay đổi giá trị mà không tải lại trang, tổ chức các kiểu này. Khiếp lắm, giờ đỡ rồi. D. Sau một thời gian thở phào thì các nhà phát triển cũng nhận thấy những bất cập khi sử dụng ajax, hay XMLHttpRequest và quay sang ủng hộ các API gốc. Và hôm nay, chúng ta cùng thảo luận về một api đó là tìm nạp. Nhưng khi nói về tìm nạp thì chúng ta cũng nên quên rằng có một api cũng rất mạnh và cũng đang là những lập trình viên sử dụng rộng rãi đó là axios. Nhưng để chỉ ra những điểm khác nhau giữa fetch và aixos thì các bạn nên tìm hiểu kỹ, vì mỗi cái áp dụng khác nhau
Phương thức tìm nạp [] nhìn chung rất hiện đại và linh hoạt, chính vì vậy chúng ta sẽ xem qua một số chức năng mà fecth có thể xử lý được. Nhưng lưu ý, tìm nạp[] có thể sẽ không được hỗ trợ với các trình duyệt cũ, nhưng chung thì điều đó không đáng để quan tâm, vì hầu hết chúng ta đều sử dụng các trình duyệt hiện đại hơn.
Trình duyệt hỗ trợ tìm nạp []
Cú pháp tìm nạp api cơ bản
window.onload=function[] {
document.getElementById["form1"].onsubmit=function[] {
window.location.replace["login.php"];
return false;
}
}
1* url – URL để truy cập. * tùy chọn – tham số tùy chọn. phương thức, tiêu đề, v.v.
NHẬN yêu cầu với Fetch API
Ở trường hợp nào mà chúng ta muốn nhận một json tử một API nào đó, trường hợp này thì đa số là mấy thằng làm với REST API
window.onload=function[] {
document.getElementById["form1"].onsubmit=function[] {
window.location.replace["login.php"];
return false;
}
}
2tiêu đề tùy chỉnh
Có thể thêm tiêu đề nếu muốn
ví dụ
window.onload=function[] {
document.getElementById["form1"].onsubmit=function[] {
window.location.replace["login.php"];
return false;
}
}
3Gửi thông tin xác thực với Fetch
Để gửi kèm theo thông tin cookie xác thực [người dùng là ai], chúng ta truyền thông tin xác thực tham số. bao gồm
window.onload=function[] {
document.getElementById["form1"].onsubmit=function[] {
window.location.replace["login.php"];
return false;
}
}
4ghi chú. Ở đây anh ấy thiết lập bất kỳ trình duyệt nào khi sử dụng thông tin đăng nhập. 'bao gồm' bị lỗi này "bị chặn bởi CORS" thì sử dụng thông tin xác thực. "cùng nguồn gốc"
Yêu cầu POST/PUT
window.onload=function[] {
document.getElementById["form1"].onsubmit=function[] {
window.location.replace["login.php"];
return false;
}
}
5Đăng một HTML
20Dữ liệu được mã hóa biểu mẫu
21Đang tải tệp lên
22Tải lên nhiều tệp
Trên khách hàng là như thế này
23Cách sử dụng
24Thật ra nói cho hay vậy chứ thấy axios ngon hơn nhiều há há, Để lần sau post về axios rồi so sánh cho anh em một phát. Giờ thì test thử xem nó hay thế nào
Anh em nào muốn đọc kỹ hơn thì link đây. https. //ý chính. github. com/justsml/529d0b1ddc5249095ff4b890aad5e801