JQuery实现ajax的post请求实例

JQuery实现ajax的post请求实例:

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

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>

资源均来自第三方，谨慎下载，前往第三方网站下载解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com 解压密码：www.xkwo.com