php ajax数据传输和响应方法


Posted in PHP onAugust 21, 2018

整理在php后端与前端数据传输过程中一些细节。

前端页面1.html的js代码:

$.ajax({
    url:'1.php',//目的php文件
    data:{‘age':12,},//传输的数据
    type:'post',//数据传送的方式get/post
    dataType:'json',//数据传输的格式是json
    success:function(response){
    //数据给后端php文件并成功返回
    console.log(response);//打印返回的值
    } ,
    error:function(response){
    //数据给后端后返回错误
    console.log(response);//打印返回的信息
    }
   });

后端1.php中的php代码

$post = $_POST['age'];//接收信息
 //把信息发送回去给1.html
 echo $post;

输出如下:

php ajax数据传输和响应方法

以上是单个数据信息的传输,多个信息的处理如下:

在js代码中的$.ajax()中的data改写:

data:{"age":123,"name":"zh","height":12314.0,},//多个之间逗号隔开

php中改写:

$array = array(): 
 $array['age'] = $_POST['age'];
 $array['name'] = $_POST['name'];
 $array['height'] = $_POST['height'];
 die(json_encode($array));
 //这里的php中把数据处理后返回给前端页面时只有2种方法,echo 或者die(),但是在多个数据时用die()要用json_encode(),把数据转为json形式。

这里用多个echo传值时,要注意,把dataType这行注释掉,具体看我博客中的另一篇,有关ajax前端没有信息返回的文章!

js中写:

success:function (response)
  {
   consoloe.log(response['age']);
   console.log(response.name);//response这时是一个object,可以用['属性']或者.属性的形式去访问。
  }

以上这篇php ajax数据传输和响应方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
PHP在字符串中查找指定字符串并删除的代码
Oct 02 PHP
PHP中用hash实现的数组
Jul 17 PHP
Yii实现多按钮保存与提交的方法
Dec 03 PHP
php中Socket创建与监听实现方法
Jan 05 PHP
php模拟用户自动在qq空间发表文章的方法
Jan 07 PHP
php字符串按照单词进行反转的方法
Mar 14 PHP
Thinkphp和onethink实现微信支付插件
Apr 13 PHP
既简单又安全的PHP验证码 附调用方法
Jun 02 PHP
Thinkphp框架开发移动端接口(2)
Aug 18 PHP
php封装一个异常的处理类
Jun 08 PHP
如何通过Apache在本地配置多个虚拟主机
Jul 29 PHP
用Laravel轻松处理千万级数据的方法实现
Dec 25 PHP
Ajax请求PHP后台接口返回信息的实例代码
Aug 21 #PHP
php从数据库读取数据,并以json格式返回数据的方法
Aug 21 #PHP
php从数据库中获取数据用ajax传送到前台的方法
Aug 20 #PHP
PHP常见数组排序方法小结
Aug 20 #PHP
php 提交表单 关闭layer弹窗iframe的实例讲解
Aug 20 #PHP
PHP数组常用函数实例小结
Aug 20 #PHP
PHP预定义超全局数组变量小结
Aug 20 #PHP
You might like
Thinkphp5结合layer弹窗定制操作结果页面
2017/07/07 PHP
php变量与JS变量实现不通过跳转直接交互的方法
2017/08/25 PHP
parseInt parseFloat js字符串转换数字
2010/08/01 Javascript
服务器端的JavaScript脚本 Node.js 使用入门
2012/03/07 Javascript
js动态在form上插入enctype=multipart/form-data的问题
2012/05/24 Javascript
基于Bootstrap实现tab标签切换效果
2020/04/15 Javascript
Javascript字符串拼接小技巧(推荐)
2016/06/02 Javascript
输入法的回车与消息发送快捷键回车的冲突解决方法
2016/08/09 Javascript
js实现表单及时验证功能 用户信息立即验证
2016/09/13 Javascript
JavaScript中省略元素对数组长度的影响
2016/10/26 Javascript
使用Ajax生成的Excel文件并下载的实例
2016/11/21 Javascript
Vue.js系列之项目结构说明(2)
2017/01/03 Javascript
关于iframe跨域POST提交的方法示例
2017/01/15 Javascript
JavaScript正则替换HTML标签功能示例
2017/03/02 Javascript
让微信小程序支持ES6中Promise特性的方法详解
2017/06/13 Javascript
vue实现在线预览pdf文件和下载(pdf.js)
2019/11/26 Javascript
Vue Element校验validate的实例
2020/09/21 Javascript
JS检测浏览器开发者工具是否打开的方法详解
2020/10/02 Javascript
深入了解Vue3模板编译原理
2020/11/19 Vue.js
详解Vite的新体验
2021/02/22 Javascript
Python类属性与实例属性用法分析
2015/05/09 Python
PyQt5每天必学之事件与信号
2018/04/20 Python
python通过链接抓取网站详解
2019/11/20 Python
如何给Python代码进行加密
2020/01/10 Python
推荐技术人员一款Python开源库(造数据神器)
2020/07/08 Python
Python爬虫制作翻译程序的示例代码
2021/02/22 Python
加拿大建筑和装修专家:Reno-Depot
2017/12/21 全球购物
女子锻炼服装和瑜伽服装:Splits59
2019/03/04 全球购物
Ray-Ban雷朋太阳眼镜英国官网:Ray-Ban UK
2019/11/23 全球购物
面向对象编程的优势是什么
2015/12/17 面试题
英语教学随笔感言
2014/02/20 职场文书
合作意向书模板
2014/03/31 职场文书
大学生简短的自我评价
2014/09/12 职场文书
小学2016年“我们的节日·重阳节”活动总结
2016/04/01 职场文书
市直属机关2016年主题党日活动总结
2016/04/05 职场文书
python基础详解之if循环语句
2021/04/24 Python