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

PetitQ DedeCMS织梦 2019-3-07 1.79K 0 0

我们开发 DedeCMS 模板，接触到织梦的自定义表单是必不可少的，但是默认的自定义表单都是跳转方式完成提交，很不友好，今天我们可以借助 jquery ajax 提交 dedecms 自定义表单到后台。此例只做为参考，实际项目中根据自己的情况酌情修改。

html 部分

    <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 部分

    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js"></script>

```
    <script>
```
```
    function send(){
```
```
        $.ajax({
```
```
            cache: true,
```
```
            type: "POST",
```
```
            url:"/plus/diy.php",
```

            data:$('#mail_form').serialize(),

```
            success: function(data) {
```
```
                if(data=="success"){
```

                    alert('发送成功!');

```
                }else{
```

                    alert('发送失败!');

```
                }
```
```
            }
```
```
        });
```
```
    }
```
```
    </script>
```

/plus/diy.php 修改找到 showMsg($bkmsg,-1,0,3000); 改成：

```
    if($setup == 'ajax')
```
```
    {
```
```
        echo "success";
```
```
        exit;
```
```
    }
```
```
    else
```
```
    {
```
```
        showMsg($bkmsg,-1,0,3000);
```
```
    }
```

如果是 gbk 编码的童鞋，还要修改/plus/diy.php，解决乱码问题找到 $addvalue .= ", '".${$fieldinfo[0]}."'"; 改成：

$addvalue .= ", '".iconv( "UTF-8", "gb2312//IGNORE" , ${$fieldinfo[0]})."'";

$.post 方法

```
    var dataString = {
```
```
        'name':$("#name").val(),
```
```
        'tel':$("#tel").val(),
```
```
        'setup':'ajax',
```
```
        'action':'post',
```
```
        'diyid':1,
```
```
        'do':2,
```

        'dede_fields':'name,text;tel,text',

        'dede_fieldshash':'6b5fb808a4b9ea6d0603d983246a88a1',

```
    };
```

    $.post("/plus/diy.php",dataString,function(result){

```
        if(result=="1"){
```
```
            alert('发送成功!');
```

            $('#diyform').reset();//重置form

```
        }else{
```
```
            alert('发送失败!');
```
```
        }
```
```
    });
```

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

已有 447 人购买

永久更新：
演示数据：

立即购买

查看演示升级 VIP 立刻购买

炫酷企业建站作品展示WordPress中文模板

Supro - 极简电商网站模板WordPress汉化主题

Photon - 全屏摄影相册产品展示网站WordPress汉化主题

DedeCMS织梦

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

html 部分

JS 部分

$.post 方法

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

相关文章

织梦DedecCMS上传图片名称保持原名

dedecms获取图片集多张图片实现方法(循环输出)

Dede织梦dede:arclist首页分页教程和BUG修复

发表回复取消回复

热销模板

DedeCMS织梦

html 部分

JS 部分

$.post 方法

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

相关文章

发表回复 取消回复

热销模板

发表回复取消回复