1. 程式人生 > >form表單點選提交按鈕後 不重新整理頁面

form表單點選提交按鈕後 不重新整理頁面

<form id="user">
<button id="search" onclick="save()" >儲存</button>
</form>


function save(){
        $.post("寫入需要跳轉的url",$('#user').serialize(),function(data){
            //data中是服務端返回的資料
            //這裡進行成功後的渲染。。。。。。
        });
        return false;//在這裡返回false
}

相關推薦

form提交按鈕 重新整理頁面

<form id="user"> <button id="search" onclick="save()" >儲存</button> </form> function save(){ $.post("寫入

form中的提交按鈕出現頁面重新整理效果的原因

最近做一個web開發,在做表單提交的時候,出現了類似於F5重新整理頁面效果的問題。(因為前臺開發沒有分離,所以一個js檔案最少也有五六千行,出了bug很難找到問題,所以真心建議前臺開發要分離開來)問題:點選提交按鈕,出現了F5重新整理頁面的效果問題原因:將提交按鈕button

React---簡單實現提交插入、刪除操作

1 import React,{Component,Fragment} from 'react' 2 3 class App extends Component { 4 constructor(){ 5 super() // 要想使用this必須使用super 6 t

form焦點在輸入按enter自動重新整理頁面

案發現場 就是這個搜尋框,我滑鼠鍵入輸入框的時候然後按滑鼠上的enter鍵竟然會自動提交表單並重新整理頁面! 事故分析 1、一開始我以為是後面那個button按鈕的鍋,因為我用的type="submit",然後我就把這個按鈕改成type="button

怎麼讓jsp頁面自己定時提交按鈕,完成form提交到servlet事件

這個涉及到js的每隔幾秒提交事件 <script type="text/javascript"> function dtime(){ setInterval(sub(), 30000); } function sub(){ document.getEle

form提交數據 服務器只能接受到一個數據

表單提交 form 多選 提交過去後表單中name相同的值會被後一個覆蓋,而不會被單獨識別出來。在name名稱後面加上‘[]’即可;如 name=‘user[]‘ 註意下面兩個教程的區別,我很想知道w3c怎麽讀取到的。等待指教; http://www.w3school.com.cn/tags/at

一個按鈕提交兩個form,分別提交到兩個action裡,第一個form的資料丟失

--背景 在一個iframe開啟的窗口裡,有兩個需要提交的form,而且需要提交到不同的兩個action裡,正常操作下丟失第一個form的資料 --解決方法 在這兩個form下新增一個新的iframe標籤<iframe id = "這個id要與這個視窗的iframe的id不同"&g

Layui Layer在open彈出層中非同步載入資料和formradio、checkbox、select渲染,不可的解決辦法

我們知道在使用layui的form表單元素中的radio、checkbox、select控制元件時需要使用layui.use([“form”])載入form表單模組,並使用時form.render()函式進行渲染。 而layer.open呼叫時的是靜態h

一個form有兩個按鈕,分別提交到不同的頁面

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>支付測試模板</title> </head

formGet方式提交時,action中帶引數傳遞

form表單get方式提交時,action中帶引數傳遞不了 樣例: <form action="getPostServlet/getPost.do?param4=param4" method="get"> <input type="hidden" name="p

Ajax提交按鈕時需要兩次的問題

主要原因:Ajax的非同步請求 原始碼: //傳送網路請求登入介面 $.ajax({ url: "./service/login.php", type: "POST", data: { username: $scope.username,

React---簡單實現提交插入、刪除操作

bin submit 實現 pos def stl render extend delet 1 import React,{Component,Fragment} from ‘react‘ 2 3 class App extends Component { 4

js或者jQuery模擬提交按鈕button,觸發提交操作

一般情況下提交form表單,都是手動點選提交按鈕,但是為了簡化使用者操作,有時候需要自動提交表單,或者做了其他某一個操作(非提交操作)之後自動提交表單,可以使用js或者jQuery模擬點選提交按鈕,然後提交,觸發提交操作 不只是提交表單,其他需要點選的時候都可以這麼寫,不用人手動點選而達到手

遮蔽Dialog按鈕的關閉

具體請參考參考:http://blog.csdn.net/notonlyforshe/article/details/7955323 dialog的點選事件內加上這句話。 try {                     Field field = arg0.getCla

使用FormData對包含檔案型別的form進行非同步提交(檔案上傳)並配置回撥

直接使用form表單的submit提交按鈕進行表單提交到action,這個是非非同步的,不但在action返回時需要重新整理頁面或跳轉至另外一個頁面,也不能配置回撥函式對返回資料進行某些處理。 其次,如果使用表單的serialize()方法進行ajax提交,則只能傳遞簡單

form防止重複提交的方法

會引起表單重複提交的情況:f5重新整理頁面, 點選瀏覽器後退,重複點選提交按鈕前臺:1. 提交後按鈕置灰,或者新增蒙板2. PRG模式,表單提交後,redirect到一個倒計時頁面,或者資訊提示頁面,等有成功資訊返回後,再跳轉回之前頁面。3. js中設定標記為判斷後臺:1 s

Swift 防止快速連續"提交"按鈕,造成多次提交

//防止快速連續點選"提交"按鈕,造成多次提交 @IBAction func submit(sender: UIButton) {           //防止連續點選造成多次提交的解決  self.

springMVC實現form資料+檔案提交

說明: 1、SpringMVC實現檔案上傳,需要再新增兩個jar包。一個是檔案上傳的jar包,一個是其所依賴的IO包。這兩個jar包 commons-fileupload-1.2.2.jar commons-io-2.4.jar Controller @Respon

使用jQuery重用form並非同步提交到其他action

在做頁面開發的時候,有時候要重用表單的資料,並非同步請求提交到其他的連結中,這個時候就可以使用jquery去修改表單的action值(記得使用後修改回來),並呼叫submit方法,當然後臺的連結action或者controller方法必須返回值型別為void,否則將發生頁面

防止form多次提交

點選提交按鈕兩次。點選重新整理按鈕。使用瀏覽器後退按鈕重複之前的操作,導致重複提交表單。使用瀏覽器歷史記錄重複提交表單。瀏覽器重複的HTTP請求。使用者提交表單時可能因為網速的原因,或者網頁被惡意重新整理,致使同一條記錄重複插入到資料庫中,這是一個比較棘手的問題。我們可以從客