欢迎来到欣怡建站!我们致力于提供优质的网站建站服务
注册

dedecms织梦jquery+ajax方式提交自定义表单

相关案例演示

我们可以借助jquery ajax提交dedecms自定义表单到后台。

此例只做为参考,实际项目中根据自己的情况酌情修改。
html部分

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

 

<form action="/plus/diy.php" enctype="multipart/form-data" method="post" id="diyform">

<input type="hidden" name="action" value="post" />

<input type="hidden" name="diyid" value="1" />

<input type="hidden" name="do" value="2" />

<input type="hidden" name="dede_fields" value="mail_name,text;mail_phone;mail_content,multitext" />

<input type="hidden" name="dede_fieldshash" value="86d34525cf75f8652022f6446152028d" />

<input type="hidden" name="setup" value="ajax" />

    <div class="mail_rdd">

        <div class="mail_content">

            <table border="1" width="100%" class="mail_form">

            <tr>

                <td width="50">

                    姓名:

                </td>

                <td class="mail_input_bg1">

                    <input type="text" name="mail_name" id="mail_name" maxlength="20"/>

                </td>

            </tr>

            <tr>

                <td>

                    电话:

                </td>

                <td class="mail_input_bg1">

                    <input type="text" name="mail_phone" id="mail_phone" maxlength="20"/>

                </td>

            </tr>

            <tr style="height:240px">

                <td>

                    留言:

                </td>

                <td class="mail_input_bg3">

                    <textarea name="mail_content" id="mail_content"></textarea>

                </td>

            </tr>

            </table>

            <div class="mail_button_bar">

                <div class="mail_button confirm" onclick="send()">

                </div>

            </div>

        </div>

    </div>

</form>

 


js部分

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

 

<script type="text/javascript" src=""></script>

<script>

function send(){

    $.ajax({

        cache: true,

        type: "POST",

        url:"/plus/diy.php",

        data:$('#mail_form').serialize(),// 你的form id  织梦模板

        success: function(data) {

            if(data=="success"){

                alert('发送成功!');

            }else{

                alert('发送失败!');

            }

        }

    });

}

</script>

 

/plus/diy.php 修改
找到

1

 

showMsg($bkmsg,-1,0,3000);

 

改成

1

2

3

4

5

6

7

8

9

 

if($setup == 'ajax')

{

    echo "success";

    exit;

}

else

{

    showMsg($bkmsg,-1,0,3000);

}

 



如果是gbk编码的童鞋,还要修改/plus/diy.php,解决乱码问题
找到

1

 

$addvalue .= ", '".${$fieldinfo[0]}."'";

 

改成

1

 

作者:欣怡建站 挑错 时间:2020-01-14 04:23
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(984818011)进行交流。
相关教程
在线客服