下面小编就为大家带来一篇ajax提交数据到后台php接收(实现方法)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
在网上看了很久,发现数据的利用ajax提交数据到后台其实很简单,但是很多讲解的并不清楚,对于初学者来说,很多真的是看着有点糊涂,拿来直接用,又想去了解怎么回事,其实利用ajax提交数据到后台是非常的简单的。
$.ajax({
type: "POST",
url: "register.php",
data: "name=John&location=Boston",
success: function(msg){
alert( "Data Saved: " + msg );
}
});
首先我们对上面这一串代码进行解读,当然使用ajax需要用到的是jQuery
type:"POST",是提交的类型
url:"register.PHP",是提交的方向,我是提交给register.php进行处理
data:"name=Jhon&&location=Boston",这个是我们提交的数据,Jhon和Boston就是我们提交上去的数据
success:function(msg)
{
msg是提交成功之后返回对数据
}
后台怎样写来获取这些数据:
<?php
//首先是获取到了数据
$username=$_POST['name'];
$password=$_POST['location'];
echo $password;
?>
我们很清晰的看到的是$_POST["name"];就是获取都的Jhon
$_POST['location']就是获得的Boston
我们后台返回的数据,也即是echo出来的数据,就是Boston。
希望对大家有所帮助。
以上这篇ajax提交数据到后台php接收(实现方法)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程学习网。
本文标题为:ajax提交数据到后台php接收(实现方法)
基础教程推荐
- vue的 Mixins (混入) 2023-10-08
- 第7天:CSS入门 2022-11-04
- 关于 css:WebKit (iPad) CSS3: 背景过渡闪烁 2022-09-21
- 深入浅析Jsonp解决ajax跨域问题 2022-12-28
- 解决ajax的delete、put方法接收不到参数的问题方法 2023-02-23
- Vue+WebSocket实现在线聊天 2023-10-08
- 基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽) 2023-02-01
- ExtJS 3.x DateField menuListeners 显示/隐藏 2022-09-15
- ECSHOP中实现ajax弹窗登录功能 2023-01-31
- 分页技术原理与实现之无刷新的Ajax分页技术(三) 2023-01-20