首页 > Web开发 > 详细

jquery 的$.ajax() 与php后台交互

时间:2021-05-26 21:29:13      阅读:20      评论:0      收藏:0      [点我收藏+]

使用ajax与php后台交互。

下面是JQuery的ajax()与php交互的简单例子。

 

index.html代码


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!--利用cdn添加js和css库 -->
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

</head>
<body style="text-align: center; padding: 100px;">

姓名: <input type="text" name="username" id="yourName" />

<button id="send">提交</button>
<br><br><br><br>

<div id="result">结果:</div>
</body>

<script type="text/javascript">

$(function () {
$("#send").click(function () {

var name = $("#yourName").val();
var data = "name="+name; //如果后台是$_POST方法获取数据,那么一定要索引(例如:索引name)

$.ajax({
type: "POST",
url: "server.php", //同目录下的php文件
data:"name="+name, // 等号前后不要加空格
success: function(msg){ //请求成功后的回调函数

$("#result").append("你的名字是"+msg);

}
});

})
})

</script>

</html>

 

 


server.php 代码

 

 

<?php

$username = $_POST[‘name‘];//获取索引值
echo $username;

?>

 

技术分享图片

 

 

 

技术分享图片

 

 

 

 

————————————————
版权声明:本文为CSDN博主「C-Jun」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/ccccc_Jun/article/details/79132779

jquery 的$.ajax() 与php后台交互

原文:https://www.cnblogs.com/summerGraden/p/14814604.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!