dedecms手机站如何ajax提交数据到自定义表单

最新推荐文章于 2021-08-06 11:16:32 发布

转载最新推荐文章于 2021-08-06 11:16:32 发布 · 253 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/laobia/blog/1501254

文章标签：

#php #javascript #ViewUI

本文介绍如何在手机站点上实现一个简单的留言表单，包括前端表单的设计、使用jQuery进行Ajax提交数据的方法及后台文件的基本配置。

为什么80%的码农都做不了架构师？>>>

需求:手机站要点击某一个按钮后,弹出一个留言框,让用户留下姓名和电话号码

首先:后台自定义表单内添加表单,,多的不解释,字段添加好了后,下面是重点

根据: http://www.moke8.com/article-12258-1.html 这个教程修改你的自定义表单字段

比如我修改成了这样子.

<div class="phone_form">
	<form action="javascript:;" enctype="multipart/form-data" method="post">
		<input type="hidden" name="action" value="post" />
		<input type="hidden" name="diyid" value="1" />
		<input type="hidden" name="do" value="2" />

		<label>姓名：<input type="text" id="name" name="name" value="" /></label>
		<label>手机：<input type="text" id="phone" name="phone" value="" /></label>

		<input type="hidden" name="dede_fields" value="name,textchar;phone,textchar;" />
		<input type="button" class="submit fr" value="提 交" onclick="add_ajaxmessage()"/>
	</form>
</div>
<script type="text/javascript" src="726/js/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
	function add_ajaxmessage(){
		var name=document.getElementById("name");
		var phone=document.getElementById("phone");


		//定义变量接收上面表单每项的值和几个dede隐藏的input的值
		var dataString = 'name='+ name.value  + '&phone=' + phone.value +'&action=post'+ '&diyid=1&do=2&dede_fields=name,textchar;phone,textchar';
		$.ajax({
			type: "POST",
			url: "diy.php", //提交到后台文件
			data: dataString, //传值
			success: function(data) {

				alert(data);//成功打印PHP返回的值

			}
		});
		return false;
	}
</script>

复制一份plus/diy.php到m(手机站根目录)下,然后修改