實現ajax提交表單，頁面不跳轉

阿新 • • 發佈：2019-02-19

表單程式碼

             <form id="save" class="form-horizontal" role="form"
                  method="post" action="${request.getContextPath()}/yuyue/saveBingli.do">
                <div class="form-group">
                    <label id="username" class="col-sm-2 control-label"> </label>
                    <div class="col-sm-6">
                        <input id="username" type="text" name="username" class="form-control"
                               value="${editBingliObj.username}" readonly="readonly"/>
                    </div>
                </div>
                <div class="form-group">
                    <label for="symptom" class="col-sm-2 control-label"></label>
                    <div class="col-sm-6">
                        <textarea id="symptom" name="symptom" class="form-control" rows="2"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label for="content" class="col-sm-2 control-label"></label>
                    <div class="col-sm-6">
                        <textarea id="content" name="content" class="form-control" rows="4"></textarea>
                    </div>
                </div>
                <div class="form-group">
                     <div class="col-sm-offset-2 col-sm-6">
                         <button type="button" class="btn btn-primary" onclick="save();">儲存</button>
                     </div>
                </div>
            </form>

js程式碼：

function save(){
    if($("#symptom").val()!=""&&$("#content").val()!=""){
        $("#save").submit();
    }
}
var contextPath;
$(function(){
    contextPath=$("#contextPath").val();

    $("#save").submit(function(){
        $.ajax({
            type : "post",
            url : contextPath+"/yuyue/save.do",
            data : $("#save").serialize(),
            success : function(){

            }
        });
        return false;
    });
});

為表單的按鈕繫結事件，點選時驗證表單，滿足條件下提交表單，為表單繫結submit事件，提交的時候返回false阻止預設事件，ajax提交表單。

實現ajax提交表單，頁面不跳轉

表單程式碼 <form id="save" class="form-horizontal" role="form" method=

Form表單只提交數據，頁面不跳轉，返回表單值

bre ava case java ssr ace 引用 except erl html代碼： <form method="post" action="Handler/UserHandler.ashx?action=Test" onsubmit="return Rut

利用ajax提交表單，實現資料前端後臺資料互動的完整流程演示

該演示需要用到 1 : json.jar(下載) 2 : jquery.js(下載) 流程演示：1.點選“登入”按鈕，傳參到後臺 2.後臺獲取資料，處理分析資料，利用JSO

C# Asp.net使用FormData對象實現ajax提交表單及上傳圖片

sync ext syn data .... error post req 序列化 1、html代碼： <form id="postForm"> 文件名：<input type="text" name="filename" />

Ajax提交表單時獲取不到 KindEditor 內容

ajax 提交表單，PHP處理提交的資料

HTML頁面表單元素： <form id="frm" action="" method="post"> <input type="text" name="user" />

關於form表單中使用ajax提交表單，ajax無法success的問題

問題背景：我的畢業設計是重構自己以前寫過的一個小網站，之前寫的時候沒有用任何框架，前後臺互動資料靠el表示式、form表單。在完成畢業設計時使用SpringMVC+Spring+MyBatis+JQuery，統一使用ajax來互動資料。問題再現： html關鍵程式碼<

Ajax非同步請求，頁面不跳轉問題的解決

背景：在進行ssm整和shiro時有一個許可權不足時跳轉到許可權不足頁面的需求。前端是easyUI的dataGrid表格傳送了一個Ajax請求，到達後端之後這個請求被perms攔截器攔截，許可權校驗未通過，於是要向/webApp/u

React PureComponent導致react-router-dom Link 失效路由跳轉失敗(位址列變，頁面不跳轉)

載入路由的元件不能 extends PureComponent entry.js import React, { Component } from 'react' import { BrowserRouter } from 'react-router-dom' import

簡訊群發達人,,微信小號加人,簡訊跳轉到微信表單，手機瀏覽器跳轉到微信開啟指定網頁weixin://dl/business/?ticket=

【手機網頁跳轉微信指定頁面】網頁跳轉微信,微信ticket跳轉程式碼,微信ticket跳轉介面,微信ticket跳轉原始碼,微信ticket跳轉技術,網頁跳轉微信ticket原始碼,網頁跳轉微信ticket程式碼,網頁跳轉微信ticket技術,網頁跳轉微信ticket介面,網

Form提交表單後頁面刷新不跳轉的實現

cti value 提交頁面刷新 splay pan form提交屬性。 ram <form action="" id="" method="post" target="nm_iframe"> 　　<input type="text" id="i

form 表單提交後，使頁面不跳轉

form 表單提交資料，往往會重新整理頁面，資料提交後會跳轉到其他頁面如果不需要重新整理頁面時，可以通過ifame實現無重新整理。在form表單下定義一個ifame 將 form 的 target 屬性指向 iframe 的 name 屬性，這樣就實現了不

jQuery使用ajaxSubmit()提交表單（在不希望頁面跳轉的情況下）

ont .ajax 引入當前 data fun get orm mit 原文：http://www.jb51.net/article/48728.htm ajaxSubmit(obj)方法是jQuery的一個插件jquery.form.js裏面的方法，所以使用此方法需要先

dwz問題之頁面提交表單，僅區域性重新整理table表格

一、問題後臺管理系統有一個頁面，點選提交按鈕提交表單時，頁面整體都重新整理了。原則上是提交表單後，表單資訊儲存原來的，只重新整理表格。二、經過接下來為了解決問題，開始找dwz框架裡面區域性重新整理的功能。一種是API呼叫方式： $('#xxID').lo

ajax提交表單資料不跳轉

1.onsubmit form表單的onsubmit方法在submit執行之前提交表單 <script type="text/javascript"> function sub() { // jquery 表單提交 $("#formI

通過form的action屬性提交表單並接收處理返回值的方法（頁面不跳轉）

通過form的action屬性提交表單，這個很容易。但是，由於這種方式是同步提交，所以會導致頁面跳轉，且不好拿到返回值。一般都用ajax代替。有些情況ajax是不能使用的，嚴格的說是不好使用的。例如檔案上傳功能。 <input type = "file"> 通過fo

PHP提交表單，提交到其它頁面和提交到本身

二種提交方式，提交到其它頁面和提交到本身見程式碼： <!DOCTYPE html> <html> <title>表單提交開始</title> &nb

js-base64轉換為file物件，ajax提交表單

var img = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQE

js-base64轉換為file物件，ajax提交表單FormData

var img = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEB

form enctype:"multipart/form-data",method:"post" 提交表單，後臺獲取不到資料

在解決博問node.js接受引數的時候，發現當form中新增enctype:"multipart/form-data"，後臺確實獲取不到資料，於是跑到百度上查了一下，終於明白為什麼了，下面轉載一下原因吧： 1.get方式 get方式提交的話，表單項都儲存在http h

實現ajax提交表單，頁面不跳轉

相關推薦