php + ajax 实现的写入数据库操作简单示例

2020-05-16 12:01:32刘景俊

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数据) ⑤手机号格式验证(正则匹配验证)
                   
                   
                   
                   
                   
                   
                   
                   
相关文章 大家在看