【ajax 提交数据】: 向后台提交数据的方法 php接受数据 ★★★★★★★★★★★★★★★★...

一、表单序列化传值

      1. ajax传递数据:例如:(pinshijie_sanqi_v3)

$.ajax({
          type:'post',       //提交数据方式
          url:'/pinshijie_sanqi/admin/appoint',   //提交路径
          data:$('form').serialize(),             //获取序列化的表单数据  data:$('form').serialize(),
          dataType:'json',
          success:function(resp){
              alert(resp.info);
              if(resp.status==1){
                  $('form')[0].reset();
              }
          },
  error:function(XMLHttpRequest, textStatus, errorThrown) { //返回错误【可以省略】
                   alert(XMLHttpRequest.status);
                   alert(XMLHttpRequest.readyState);
                   alert(textStatus);
           }}); });

      2. php后台接收数据:

public function index(){
        if(empty($_POST)){
            $this->error('非法请求');
        }else{
            $data['name']=$_POST['name'];      //获取序列化传来的数据
            $data['gender']=$_POST['gender'];
            $data['mobile']=$_POST['mobile'];
            $data['email']=$_POST['email'];
            $data['appoint_time']=time();
            $ret=M('appoint')->add($data);
            if($ret!==false){
                $this->success('预约成功');
            }else{
                $this->error('预约失败');
            }
        }
    }

 二、表单传值

  1.ajax传递数据:例如:(pinshijie_sanqi_v3)

 

<input type="text" name="client_name" id="client_name" placeholder="请输入联系人">
<input type="text" name="client_mobile" id="client_mobile" placeholder="请输入联系电话">
<select id="xiangmu">
      <option selected="selected" value="恒大帝景">恒大帝景</option>
      <option value="浦东星河湾">浦东星河湾</option>
</select>

 

 

var myDate = new Date();
var dates=myDate.toLocaleDateString();
var times=myDate.toLocaleTimeString();
$("#appoint_date").val(dates);
$("#appoint_time").val(times); //如果没输入日期时间,自动提取系统日期时间

var
client_name=$('#client_name').val(); var client_mobile=$('#client_mobile').val(); var xiangmu=$('#xiangmu').val(); var appoint_date=$('#appoint_date').val(); var appoint_time=$('#appoint_time').val(); var remarks=$('#remarks').val();
var send_data={ "client_name":client_name, "client_mobile":client_mobile, "xiangmu":xiangmu, "appoint_date":appoint_date, "appoint_time":appoint_time, "remarks":remarks, };

 var url='http://115.29.15.60:8090/yuyue_apiont/index.php/Appoint/appoint_api';

$.ajax({
    url:url,
    //dataType:'jsonp',
    dataType:'json',
    processData: true,
    data:send_data,
    type:'post',
    success:function(data){
         alert("您已经提交成功");
    },
    error:function(XMLHttpRequest, textStatus, errorThrown) {
        //alert(XMLHttpRequest.status);
        //alert(XMLHttpRequest.readyState);
        //alert(textStatus);
     }
});

       2. php后台接收数据:

$data['client_name']=trim($_POST['client_name']);   //接收传值
$data['mobile']=trim($_POST['client_mobile']);
$data['xiangmu']=trim($_POST['xiangmu']);
//$data['appoint_time']=strtotime(trim($_POST['appoint_date']));
$data['appoint_time']=strtotime(trim($_POST['appoint_date']) . ' '  . trim($_POST['appoint_time']));
$data['remarks']=trim($_POST['remarks']);

$model=D('Appoint'); if($data=$model->create($data)){ if(false!==$model->add($data)){ $this->ajaxReturn(1,"数据添加成功!",1);
     //$respond_data['info']='数据添加成功!';
         //$respond_data['data']=1;
}else{ $this->ajaxReturn(0,"数据未添加成功!",0); } }else{ $this->ajaxReturn(0,"提交数据有误!",0);
}

 

转载于:https://www.cnblogs.com/shimily/articles/4315692.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用 AJAX 提交表单数据后台可以避免页面的重载,提升用户体验。下面是一个简单的示例代码: HTML 表单: ```html <form id="myForm"> <input type="text" name="username"> <input type="password" name="password"> <button type="submit">提交</button> </form> ``` JavaScript 代码: ```javascript $("#myForm").submit(function(event) { // 阻止表单的默认提交行为 event.preventDefault(); // 使用 AJAX 提交表单数据后台 $.ajax({ url: "submit_form.php", // 提交表单数据的 URL type: "POST", // 提交表单数据方法 data: $(this).serialize(), // 要提交的表单数据 success: function(response) { // 提交成功后的回调函数 console.log("提交成功:" + response); }, error: function(xhr, status, error) { // 提交失败后的回调函数 console.log("提交失败:" + error); } }); }); ``` 在上面的示例代码中,我们使用了 jQuery 提供的 `submit` 方法来监听表单的提交事件。当用户点击提交按钮时,我们使用 `event.preventDefault()` 阻止表单的默认提交行为,然后使用 AJAX 提交表单数据后台。其中,`url` 参数指定了提交表单数据的 URL,`type` 参数指定了提交表单数据方法(这里使用了 POST 方法),`data` 参数指定了要提交的表单数据,`success` 参数指定了提交成功后的回调函数,`error` 参数指定了提交失败后的回调函数。在实际使用中,需要根据自己的需求来修改这些参数。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值