简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

Solution to form that only submits data without page jump_jquery

WBOY
Release： 2016-05-16 17:22:08
Original
1745 people have browsed it

The general form submission operation is written as

Copy the code The code is as follows:


......



Click the submit button or press Enter directly to submit the data to the saveReport page, but it will also jump to the saveReport page after submission

How to do it
Submit the data to saveReport (action of the form Points to) page, but the page does not jump, that is, the current page remains unchanged? ?
This need is especially urgent when loading a page.

Use jquery's ajaxSubmit function and form's onsubmit function to complete, as follows:
Copy code The code is as follows:






Form adds an id for calling in jquery, and adds an onsubmit function for submitting before submitting. The corresponding function of form

saveReport is
Copy the code The code is as follows:

function saveReport() {
// jquery form submission
$("#showDataForm").ajaxSubmit(function(message) {
// For processing after successful form submission, message is the submission page saveReport.htm Return content
});

return false; // False must be returned, otherwise the form will submit again and the page will jump
}
Related labels：
Page jump
source：php.cn
Previous article：Example of mutual conversion between json data and string_javascript skills Next article：Introduction to several methods of implementing native ajax in javascript_javascript skills
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Regular expression to match words I have a script where I am trying to match new job names with existing job names in a data...
From 2024-04-06 21:24:04
0
1
606
Calculate the sum of fields in another table using MySQL SQL query I have a schema like this: User table with attributes "user_id" and "userna...
From 2024-04-06 19:39:29
0
1
441
Invalid React child element (found: Object with key {clientVersion}). If you want to render a collection of child elements, use an array instead I have a multi-step form and when I try to submit it shows this error. However, if I use c...
From 2024-04-06 16:25:39
0
1
346
Submit form without button using Javascript/Jquery I'm trying to submit a form without a button by calling a JavaScript function and executin...
From 2024-04-06 14:54:03
0
2
421
Create users in Vue using Firebase without logging in I have created a form to create user profiles. But whenever I create a user I have a probl...
From 2024-04-06 14:20:12
0
1
514
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！