下面是内存溢出 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方式提交自定义表单所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)