AIDE技术官网
AIDEZY.COM

JQuery实现ajax的post请求实例

JQuery实现ajax的post请求实例

JQuery实现ajax的post请求实例

JQuery实现ajax的post请求实例:

 

  jquery实现ajax的post请求实例代码,向php后端提交数据。

JQuery实现ajax的post请求实例 jQuery教程 第2张

 

PHP代码:

<?php 
print_r($_POST);


?>

 

前端代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="">
<h1>jquery ajax post请求</h1>
<p><input type="text" name="username"></p>
<p><input type="text" name="email"></p>
<p><input type="submit" name="" value="请求"></p>
</body>

<script type="text/javascript" src="jquery-3.4.1.js"></script>

<script type="text/javascript">

//jquery ajax post请求
//@author 无陌然 blog aidezy.com

$('form').submit(function(){
var url = '12.php';
var data = {};
data.username = $('input[name = username]').val();
data.email = $('input[name = email]').val();

$.post(url , data , function(msg){
alert(msg);
});
return false;

});

</script>


</html>

 

 

 

搜一下

海报生成 赞(1) 打赏

来都来了!评论一下呗! 抢沙发

  • QQ (自动获取名称头像等信息|选填)
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址 (选填)

登录

忘记密码 ?

切换登录

注册