Easyui Form表單提交

阿新 • • 發佈：2019-01-17

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index2</title>
    <script src="~/Scripts/jquery-1.8.2.js"></script>
    <script src="~/jquery-easyui/jquery.easyui.min.js"></script>
    <script src="~/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
    <link href="~/jquery-easyui/themes/default/easyui.css" rel="stylesheet" />
    <link href="~/jquery-easyui/themes/icon.css" rel="stylesheet" />
</head>
<body>
    <form id="box" class="easyui-form" method="post"action="123.html">
        <p>使用者名稱：<input type="text" name="userName" id="userName" /></p>
        <p>密  碼：<input type="password" name="userPassword" id="userPassword" /></p>
        <p><input type="submit" id="btnSubmit" value="提交"/></p>
    </form>
    <button id="btn">abc</button>
</body>
</html>
<script type="text/javascript">
    $(function () {
        //如果寫了這個form 點選提交的時候就不會提交到123.html了。而是提交到這個非同步裡的url方法中去了
        //$("#box").form({
        //    url: '/Test/CheckLogin', //非同步請求

        //    //在提交之前觸發，返回false可以終止提交。(param是一個額外資料。)
        //    onSubmit: function (param) {
        //        param.p1 = "123";  //當點選提交的時候，它就會以key 為p1值為123 的方式將資料提交到伺服器（當前其他的資料還是照樣會提交，只是這個資料是額外的資料而已）
        //        param.p2 = "456";

        //        //return false; //這裡可以做表單的驗證，如果驗證失敗，就return false 來終止表單提交
        //    },
        //    success: function (data) {
        //        if (data == 'True') {

        //            //    $.messager.alert('訊息','儲存成功！');   
        //            //    $('#tab_line').datagrid('reload');   
        //            //    $("#fm_line").form("clear");   
        //            //    top.location.href = "main/main.html"; //轉主頁面 
        //            //}else{   
        //            //    $.messager.alert('訊息','儲存失敗！');   
        //            //}   

        //        }
        //    }
        //})



        //自動提交方法(重新整理一下就會自動將表單提交了,其實我們就當他作為一種提交方式而已)（寫法和上面的基本上一行，只是在大括號前面加一個‘submit’）
        //$("#box").form('submit',{
        //    url: '/Test/CheckLogin', //非同步請求

        //    //在提交之前觸發，返回false可以終止提交。(param是一個額外資料。我也沒搞明白怎麼用的)
        //    onSubmit: function (param) {
        //        //return false; //這裡可以做表單的驗證，如果驗證失敗，就return false 來終止表單提交
        //    },
        //    success: function (data) {

        //        alert(data);
        //    }
        //})

        

        //------------現在來看看方法


        //-----還有一種方式（即伺服器返回一組json資料 如伺服器返回{"userName":"蠟筆小新"}）
        $("#box").form("load", '/Test/LoadData'); //這樣效果也是一樣的


        //--------Load方法（它是給表單填充資料用的）
        $("#box").form('load', {
            userName: "蠟筆小新",  //這樣就給表單賦值了
            userPassword: "123456",

            onBeforeLoad: function () {
                alert("Load之前觸發（即資料載入之前觸發）")
            },

            onLoadSuccess: function (data) {
                alert("資料載入成功" + data.userName);
            }
        })
    })
</script>

easyUI form表單提交：引數處理

$("#from_xxxxx_Dialog_xxxid").form('submit', { url: 'DeXX/SaveXXXXUploadXXX.action', onSubmit: function (param) {

Easyui Form表單提交

1 <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index2</title> <

easyui form 表單提交兩種方式

easyui form表單提交資料的兩種方式第一種 $('#admin_yhgl_addUserForm').form('submit', { url : 'userAction!add.action', data : { name : $('#admi

EasyUI Form表單提交

Form（表單）使用$.fn.form.defaults重寫預設值物件 form提供了各種方法來操作執行表單欄位，比如：ajax提交, load, clear等等。當提交表單的時候可以呼叫validate方法檢查表單是否有效。用法建立一個簡單的HTML表單

easyui-form表單提交combobox

這個問題困擾了我一天，後來找到個思路，又解決了一系列bug，終於完成想要的功能效果。需求：用easyui的form表單提交同一個combobox的text值和value值。

如何使用ajax 提交easyUI form表單

func 提示 cli str location 代碼密碼錯誤 logs ons 　　HTML代碼： <form id="Login" method="post"> ... </form> 　　JS代碼如下： $(function(){

easyui之form表單提交

$('#editForm').form('submit', { url : "${path}/bu/addTApplication", contentType : "application/x-www-form-urlencoded;charset=utf-

easyui form表單ajax提交後,返回資料處理

問題由來: 因為使用了easyui form表單提交資料和上傳圖片,然後會返回一個約定-JSON物件,ie和火狐都會提示下載你所返回的json,chrome瀏覽器雖然不會提示,但控制檯還是會打印出資源被解析成 Document, 但傳輸時使用的 MIME 型別是 appl

easyUI dialog 快取問題引起form表單提交檔案的錯亂

　最近在做專案的時候遇到一個看似簡單　但是又很頭疼的問題，功能是這樣的：使用easyUI的dialog彈出的一個form的提交檔案的上傳功能,簡單吧?就這麼簡單一個問題花了我一天的時間,當然腦子比較不靈光哈,廢話少說進入正題,遇到的問題是這樣的:在上傳檔案的時候初次操作'不

jquery外掛EasyUI中form表單提交例項分享

之前用AJax給Controller傳遞引數，然後再呼叫服務端的方法對資料庫進行更改，今天碰到一個新的方法，就是表單的提交，這樣可以省去AJax傳參。當表單提交後，我們可以獲取表單上控制元件中的值，然後再呼叫服務端的方法對資料庫進行更改。下面的一張截圖是具體的業務需求

AJAX PHP無刷新form表單提交的簡單實現(推薦)

username mime win root 支持對象希望 meta {} 下面小編就為大家帶來一篇AJAX PHP無刷新form表單提交的簡單實現(推薦)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧 ajax.php <

form表單提交的兩種方式

btn border 前端 () input onclick sub 輸入判斷 1.當輸入用戶名和密碼為空的時候，需要判斷。這時候就用到了校驗用戶名和密碼，這個需要在jsp的前端頁面寫；有兩種方法，一種是用submit提交。一種是用button提交。方法一：在jsp的前端

HTTP form表單提交數據（enctype="multipart/form-data" method="post"）的服務端處理

keyword -s detail put form表單表單提交 class eth ron 參考鏈接：http://blog.csdn.net/u010018421/article/details/52833346 <form action="fileUpload

jqPaginator分頁（ajax用法和form表單提交用法）

用法 () var meta lang 點擊 parse name back 一般使用方法 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

js的form表單提交url傳參數（包含+等特殊字符）的解決方法

字符 www. mit function form表單提交 sub win tno wiki 方法一：（偽裝form表單提交） linkredwin = function(A,B,C,D,E,F,G){ var formredwin = document.cr

form表單提交

charat () msg cnblogs ava ++ each 字符 script <form method=‘post‘ action=‘/msg/system/save‘ target="nm_iframe" enctype="multipart/form

angularjs中form表單提交驗證

ng-model pre roots 只需要 dialog onf 如果 date val angular.module("MyApp",["ngMessages"])； <form name="formMyName" ng-submit="$ctrl.chan

form表單提交文件

文件 put http bmi nco app spa lencod log <form action="http://localhost....." method="post" enctype="multipart/form-data">

微信小程序 PHP後端form表單提交實例詳解

toolbar 什麽例子 control .info class odi 根據綁定微信小程序php後端form表單 https://www.cnblogs.com/tdalcn/p/7092716.html 1.小程序相對於之前的WEB+PHP建站來說，個人理解為只是

Spring MVC form表單提交亂碼

mapping 設置 char 必須 init 服務 orm set XML 　　spring mvc form表單submit直接提交出現亂碼。導致亂碼一般是服務器端和頁面之間編碼不一致造成的。根據這一思路可以依次可以有以下方案。　　1、jsp頁面設置編碼 <%

Easyui Form表單提交

相關推薦