php+ ajax 实现的写入数据库操作。,具体如下:
这个是最简单的表单提交 延伸:后面有很多需要提交的信息 如何快速部署接口
此例子是移动端H5页面,使用的是zepto.min.js
HTML
<input class="name" type="text" placeholder="请输入您的姓名" id="name"> <input class="tel" type="text" placeholder="请输入您的手机号码" id="tel"> <span class="button_tijiao" id="form_tijiao"><img src="images/page8/button.png"></span>
前端页面JS 不跨域的情况下
<script type="text/javascript">
$('#form_tijiao').click(function () {
var name =$('#name').val(),tel=$('#tel').val();
if(name=='' && tel ==''){
alert("请检查是否输入姓名和电话!!!")
}
$.ajax({
type:'post',
url:'http://www.netnic.com.cn/formapi/form_qishangh5.php',
data:{name:name,tel:tel},
success:function (data, status, xhr) {
alert('提交成功!请等候工作人员联系!')
},
error:function (xhr, errorType, error) {
}
})
})
</script>
后端PHP页面 注意不要跨域
1.这里接收前端数据 $_POST[name],$_POST[tel],post传送过来,这里需要过滤数据是否正常
需要:
| ①过滤数据 | √ | ②数据唯一性检测(手机号唯一) | √ | ③php生成当前写入时间(时间戳格式) | √ | ④如何返回结果给前端(返回字符串或者是json数据) | √ | ⑤手机号格式验证(正则匹配验证) | √ |







