Lauiuiで投稿を投稿する方法

リリース: 2019-11-23 14:12:23
オリジナル
11177 人が閲覧しました

Lauiuiで投稿を投稿する方法

layui 投稿投稿:

table.js

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

//表格属性:page,elem,url,cols

//列属性:type,field,title

table.render({

        //1 开启分页

        page: true,

        //2 指定渲染的table容器

        elem: '#articleList',

        //3 异步访问的路径

        url: '../../user',

        //4 集合属性

        cols: [[

            {type: 'checkbox'},

            //4.1   普通属性

            {field: 'username', title: '用户名称',width:'11%'},

            //4.2   单选框属性

            {field: 'sex',      title: '性别',    width:'11%'},

            //4.3   复选框属性

            {field: 'status',   title: '状态',    templet: '#status',width:'11%'},

            //4.4   日期属性

            {field: 'updated',  title: '最近修改时间',width:'14%',

                //日期格式转化

                templet: function createTime(d){

                            return new Date(parseInt(d.updated)).toLocaleString()

                 }

            }, 

        ]]

         

        //4.2   数字条件判断

        ,done:function(res,curr,count){

            $("[data-field='sex']").children().each(function(){

                //若选取元素为1

                if($(this).text() == '1'){

                      

                    $(this).text('男');

                //若选取元素为0

                }else if($(this).text() == '0'){

                     

                    $(this).text('女');

                }

            });

        }

    });

 

    //4.4   调用的日期格式转化器

     Date.prototype.toLocaleString = function() {

        var y = this.getFullYear();

        var m = this.getMonth()+1;

        m = m<10?&#39;0&#39;+m:m;

        var d = this.getDate();

        d = d<10?("0"+d):d;

        var h = this.getHours();

        h = h<10?("0"+h):h;

        var M = this.getMinutes();

        M = M<10?("0"+M):M;

        var S=this.getSeconds();

        S=S<10?("0"+S):S;

        return y+"-"+m+"-"+d;

        /*+" "+h+":"+M+":"+S*/

    };

ログイン後にコピー

post.js

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

$.post(

    //1 异步提交的urL

    &#39;${pageContext.request.contextPath}/user/add&#39;,

 

    //2 form表单以键值对形式传输

    data.field,

 

    //3 访问后成功的回调函数

    function (data) {

        if (data > 0) {

            //3.1   弹窗提示

            layer.msg("添加成功!", {icon: 1});

            //3.2  获得frame索引

            var index = parent.layer.getFrameIndex(window.name);

            //3.3   关闭当前frame

            parent.layer.close(index);

            //3.4   刷新页面

            window.parent.location.reload();

        }else{

            layer.msg("添加失败!", {icon: 1});

        }

    }

);

ログイン後にコピー

推奨: layui フレームワーク チュートリアル

おすすめ関連記事:
1.layui とバックエンドを接続する方法
2.layui キャプチャ フォーム データ
関連ビデオ チュートリアル:
1.JavaScript クイック スタート_翡翠少女般若心経シリーズ

以上がLauiuiで投稿を投稿する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート