logo

  • Hỏi Đáp
  • Kiến Thức
  • Sức Khỏe
  • Tử Vi
  • Công Nghệ
No Result
View All Result
logo
No Result
View All Result
Trang chủ submit form using jquery ajax and php without page refresh

SUBMIT FORM USING JQUERY AJAX AND PHP WITHOUT PAGE REFRESH

by Admin _ September 13, 2022
Với một FORM đơn giản để đăng dữ liệu dạng text bằng Ajax thì có nhiều cách, tuy nhiên nếu muốn upload luôn cả file vào thì nhiều bạn gặp khó khăn. Bài viết này sẽ hướng dẫn sử dụng jquery.form.js để đăng 1 file sử dụng Ajax.

Bạn đang xem: Submit form using jquery ajax and php without page refresh

*
Xem demo tại sancongnghe.vn
Cái bạn cần đàu tiên là pluginjquery.form.js, bạn có thể download ở đây. Mình sẽ hướng dẫn các bạn sử dụng để post 1 ảnh sang php xử lý.Demo bạn có thể đăng nhập và xem ở đây1) Code HTMLĐầu tiên ta cần gọi plugin lên để sử dụng

Tiếp theo làthẻ img để hiển thị ảnh sau khi upload xong.

*
unlink( $_FILES<'images'><'tmp_name'> ); if( $upload_info<'size'> > ( $pro_config<'dungluonglogo'> * 1024 ) ) { $data = array( 'error' => 1, //bi loi 'message' => $lang_module<'loidungluonganh'> . " " . $pro_config<'dungluonglogo'> ." Kb", ); //xoa file upload tam if ( ! empty( $upload_info<'basename'> ) and is_file( NV_ROOTDIR . '/' . NV_UPLOADS_DIR . '/' . $module_name . '/' . $user_active . '/' . $upload_info<'basename'> ) ) {

Xem thêm:

nv_deletefile(NV_ROOTDIR . '/' . NV_UPLOADS_DIR . '/' . $module_name . '/' . $user_active . '/' . $upload_info<'basename'> ); } die( json_encode( $data ) ); } if( $upload_info<'img_info'><0> > 1500 || $upload_info<'img_info'><1> > 1500 ) { $data = array( 'error' => 1, //bi loi 'message' => $lang_module<'loikichthuocanh'>, ); //xoa file upload tam if ( ! empty( $upload_info<'basename'> ) and is_file( NV_ROOTDIR . '/' . NV_UPLOADS_DIR . '/' . $module_name . '/' . $user_active . '/' . $upload_info<'basename'> ) ) {
nv_deletefile(NV_ROOTDIR . '/' . NV_UPLOADS_DIR . '/' . $module_name . '/' . $user_active . '/' . $upload_info<'basename'> ); } die( json_encode( $data ) ); } if ( empty( $upload_info<'error'> ) ) {
chmod( $upload_info<'name'>, 0644 ); $image = $upload_info<'name'>;$basename = $upload_info<'basename'>;$_image = new NukeViet\Files\Image( $image, $pro_config<'dailogo'>, $pro_config<'ronglogo'> );$_image->resizeXY( $pro_config<'dailogo'>, $pro_config<'ronglogo'> );$_image->save( NV_UPLOADS_REAL_DIR . '/' . $module_name . '/' . $user_active, $basename ); $data = array( 'error' => 0, 'linkfile' => NV_BASE_SITEURL . NV_UPLOADS_DIR . "/" . $module_name . '/' . $user_active . '/' . $basename, 'filename' => $basename, ); die( json_encode( $data ) ); } else { $data = array( 'error' => 1, //bi loi 'message' => $lang_module<'loianh'>, ); die( json_encode( $data ) ); }}Ở đây mình đang dùng code nukeviet để nhận file, Với code thuần thì cũng tương tự.Vấn đề quan trọng nhất là kết quả trả về dạngjson_encode để JS tiếp tục xử lý.Chúc các bạn thành công. Mọi thắc mắc vui lòng post vào commen bên dưới.
ShareTweet Linkedin Pinterest
Previous Post

How to get id of an element with javascript/jquery – techie delight

Next Post

Using jquery remove attribute function explained

CÙNG CHUYÊN MỤC

jquery file upload (hayageek plugin) error case with json from php

Jquery file upload (hayageek plugin) error case with json from php

28/04/2021
search/filter table rows based on input

Search/filter table rows based on input

28/04/2021
jquery multiple select dropdown

Jquery multiple select dropdown

28/04/2021
khai báo biến trong jquery

Khai báo biến trong jquery

28/04/2021
sự kiện click() và dblclick() trong jquery

Sự kiện click() và dblclick() trong jquery

03/01/2023
how to select sibling elements in jquery

How to select sibling elements in jquery

06/12/2022
jquery access input hidden value

Jquery access input hidden value

27/11/2022
upload nhiều file đồng thời sử dụng tính năng kéo thả với jquery multiple file uploader

Upload nhiều file đồng thời sử dụng tính năng kéo thả với jquery multiple file uploader

23/11/2022

Newsletter

The most important automotive news and events of the day

We won't spam you. Pinky swear.

Chuyên Mục

  • Hỏi Đáp
  • Kiến Thức
  • Sức Khỏe
  • Tử Vi
  • Công Nghệ

News Post

  • Handling fee là gì

About

Chúng tôi tạo ra trang web nhằm mục đích mang lại kiến thức bổ ích cho cộng đồng, các bài viết được sưu tầm từ nhiều nguồn trên internet giúp mang lại kiến thức khách quan dành cho bạn

©2023 darkedeneurope.com - Website WordPress vì mục đích cộng đồng

Liên Hệ - Giới Thiệu - Nội Quy - Bảo Mật

No Result
View All Result
  • Trang chủ
  • Chuyên mục
    • Hỏi Đáp
    • Kiến Thức
    • Sức Khỏe
    • Tử Vi
    • Công Nghệ
  • Lưu trữ
  • Liên hệ

© 2023 darkedeneurope.com - Website WordPress vì mục đích cộng đồng.