Đăng javascript lên url

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]

________số 8

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

  
  

0

Thự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ày

Nộ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

  
  

4

PHP

  
  

2

Udo 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 json

PHP

  
  

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

  
  

9

Ngoà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;
  }
}
0

1

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;
  }
}
2

tiê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;
  }
}
3

Gử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;
  }
}
4

ghi 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

  
  

20

Dữ liệu được mã hóa biểu mẫu

  
  

21

Đang tải tệp lên

  
  

22

Tải lên nhiều tệp

Trên khách hàng là như thế này

  
  

23

Cách sử dụng

  
  

24

Thậ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

Chủ Đề