使用formData給後臺提交表單資料

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <title> FormData Demo </title>
 </head>

 <body>
    <form name="form1" id="form1">
        <p>name:<input 
 type="text" name="name" ></p>
        <p>gender:<input type="radio" name="gender" value="1">male <input type="radio" name="gender" value="2">female</p>
        <p>photo:<input type="file" name="photo" id="photo"></p>
        <p><input type="button" 
 name="b1" value="submit" onclick="fsubmit()"></p>
    </form>
    <div id="result"></div>
 </body>
   <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

  <script type="text/javascript">
    function fsubmit(){
        var data = new FormData($('#form1' 
)[0]);
        ----------------------------------------
        $.ajax({
            url: 'server.php',
            type: 'POST',
            data: data,
            -----------
            dataType: 'JSON',
            cache: false,
            processData: false,
            contentType: false
        }).done(function(ret){
            if(ret['isSuccess']){
                var result = '';
                result += 'name=' + ret['name'] + '<br>';
                result += 'gender=' + ret['gender'] + '<br>';
                result += '<img src="' + ret['photo']  + '" width="100">';
                $('#result').html(result);
            }else{
                alert('提交失敗');
            }
        });
        return false;
    }
  </script>
</html>

tips : 獲取form物件，作為引數傳入formData中，然後ajax請求的時候傳給後臺，關鍵程式碼我已經用橫線標出

使用formData給後臺提交表單資料

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="content-type

Servlet的5種方式實現表單提交（註冊小功能），後臺獲取表單資料

用servlet實現一個註冊的小功能，後臺獲取資料。註冊頁面：　　註冊頁面程式碼： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title&g

AJax提交表單資料到後臺springmvc接收

第一種方法直接用serialize()方法function insert(){ $.ajax({ type:"POST", url:"$

ajax提交表單資料不跳轉

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

ajax方式提交表單資料並判斷當前註冊使用者是否存在

專案的目錄結構原始碼： regservlet.java package register; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; imp

JS：AJAX提交表單資料

方法一、前臺通過物件傳遞引數，後臺通過物件的屬性獲取值 jsp程式碼： $.ajax({ type: "POST", url:"/manage/admin/addOrUpdate", data:{

使用httpclient提交表單資料加號（+）會被自動替換成空格的坑

坑的場景：今天使用httpclient-4.5.3版本，傳送如下報文： { "idNo": "7+6+0+2ce722a546b39463bd62817fe57f8" }

使用SpringMVC 實現RESTful，並解決PUT，DELETE請求無法提交表單資料的問題

瞭解RESTful,使用SpringMVC 實現RESTful 關於REST: 1.表述性狀態轉移，是web服務的一種架構風格，是一種思想，而非標準或軟體。 2. 通常基於使用HTTP，URI，XML、JSON、HTML這些現廣泛流行的協議。 3.屬於輕量級（使

提交表單資料或阻止表單資料的提交(使用者輸入的資料不合法)

提交表單資料單擊submit按鈕按鈕表單元素使用From物件的submit()方法; (記住form裡面的表單元素有一個form屬性，它指向它所在的form元素, 也就是說在在表單元素的onclick事件裡用this.form.submit(); 即可提交

ajax（原生JavaScript）非同步提交表單資料

採用ajax非同步方式，通過js獲取form中所有input、select等元件的值，將這些值組成Json格式，通過非同步的方式與伺服器端進行互動，一般將表單資料傳送給伺服器端，伺服器端處理資料並返

Spring Boot(三)：RestTemplate提交表單資料的三種方法

在REST介面的設計中，利用RestTemplate進行介面測試是種常見的方法，但在使用過程中，由於其方法引數眾多，很多同學又混淆了表單提交與Payload提交方式的差別，而且介面設計與傳統的瀏覽器使用的提交方式又有差異，經常出現各種各樣的錯誤，如405錯誤，或

使用標籤提交表單資料的問題以及獲取session作為函式的引數呼叫的問題

我在做動態網頁時遇到以下幾個問題，花了我好多時間才解決的。所以我要將它記錄下面，為我以後再次遇到問題作參考。若是大家覺得哪裡不對的，歡迎大家留言 1.不是表單一般是使用<input type="submit">提交按鈕，點選後就可以將表單中的資料提交了嗎？但是我

Ajax提交表單資料

ajax的基本語法 $.ajax({ type: "post", //資料提交方式（post/get） url: "demo.php", //提交到的url data: {"key1":"value1","key2":"valu

Spring: RestTemplate提交表單資料的三種方法

1. 用exchange方法提交 exchange既可以執行POST方法，還可以執行GET，所以應用最為廣泛，使用方法如下： String url = "http://localhost/mirana-ee/app/login"; RestTemplate client = new RestTe

Angular 開發小妙招1：提交表單資料驗證不通過，更改輸入元件的樣式

開發表單時，客戶端資料完整性校驗是必不可少的，在jquery 時代出現了無數的資料驗證外掛也很好用，開發Angular 應用時，angular 內建了一些常用的資料驗證指令。今天要講的不是這些指令如何使用，今天講什麼呢，今天講一些關於驗證樣式的問題，相關的基礎知識在angular.cn 官方文件中都有介紹，在

利用jquery.form.js的ajaxSubmit實現不跳轉提交表單資料

我們直接通過form提交的話，提交後當前頁面跳轉到form的action所指向的頁面。然而，很多時候我們比不希望提交表單後頁面跳轉，那麼，我們就可以使用ajaxSubmit(obj)來提交資料 1. //form表單阻止提交 <form onsubm

提交表單資料，在IE及其它瀏覽器中亂碼的解決方案

如在IE下提交表單資料亂碼：解決方案: 在form表單中新增 onsubmit="document.charset='GBK';" 【注編碼根據各自環境條件指定】如在其它瀏覽器下提交表單資料亂碼： acce

Vue中提交表單資料

這種方式可以提交,那麼問題來了,表單提交以後如果需要獲取伺服器的響應呢,如果需要在響應成功後跳轉頁面呢,這種方式顯得不好處理. 切回正題,在vue中這種簡單的表單提交如何處理呢,其實使用的是 FormData 來模擬表單提交 ?

Ajax SpringMVC 提交表單資料

Ajax 的寫法 function saveSplash() { var titleVal = $("#title").val(); var subTitleVal = $("#subTitle").val(); if (titleVal == null ||

避免重新整理頁面時重複提交表單資料

<?php // session_start() 會建立新會話或者重用現有會話。如果通過 GET 或者 POST 方式，或者使用 cookie 提交了會話 ID，則會重用現有會話。 session_start(); if( ! empty($_POST['sub']) ) {

使用formData給後臺提交表單資料

相關推薦