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

Dedecms织梦jquery+ajax方式提交自定义表单,第1张

概述我们开发DedeCMS模板,接触到织梦的自定义表单是必不可少的,但是默认的自定义表单都是跳转方式完成提交,很不友好,今天我们可以借助jquery ajax提交dedecms自定义表单到后台。

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。内存溢出小编现在分享给大家,也给大家做个参考。

我们开发 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 >

<div >

<table border="1" wIDth="100%" >

<tr>

<td wIDth="50">

姓名:

</td>

<td >

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

</td>

</tr>

<tr>

<td>

电话:

</td>

<td >

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

</td>

</tr>

<tr >

<td>

留言:

</td>

<td >

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

</td>

</tr>

</table>

<div >

<div 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,3000); 改成:

if($setup == 'AJAX')

{

echo "success";

exit;

}

else

{

showMsg($bkmsg,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('发送失败!');

}

});

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的Dedecms织梦jquery+ajax方式提交自定义表单全部内容,希望文章能够帮你解决Dedecms织梦jquery+ajax方式提交自定义表单所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/1025268.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存