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。

希望对大家有所帮助。


以下是一个基本的HTML页面,其中包含一个文本框和一个按钮,用于向后台发送数据。使用jQuery的AJAX方法可以轻松地向后台发送请求并接收响应。 ```html <!DOCTYPE html> <html> <head> <title>HTML AJAX示例</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $(document).ready(function() { $("#search-btn").click(function() { var value = $("#search-input").val(); // 获取文本框的值 $.ajax({ url: "search.php", // 后台处理脚本的URL type: "POST", // 请求类型为POST data: {search: value}, // 发送的数据 success: function(result) { // 成功接收响应后的回调函数 $("#result").html(result); // 将查询结果显示在页面中 } }); }); }); </script> </head> <body> <h1>HTML AJAX示例</h1> <input type="text" id="search-input" placeholder="请输入查询关键字"> <button id="search-btn">查询</button> <div id="result"></div> </body> </html> ``` 在这个示例中,当用户点击查询按钮时,jQuery的点击事件处理程序将获取文本框的值,并使用AJAX后台发送请求。请求发送到名为“search.php”的脚本,请求类型为POST,发送的数据为文本框的值。请求成功后,AJAX将调用一个名为“success”的回调函数,并将响应结果作为参数传递给它。在这个回调函数中,我们将查询结果显示在页面中的一个<div>元素中。后台脚本应该能够接收请求并根据接收到的数据进行查询。例如,以下是一个简单的PHP脚本,它从数据库中查询匹配查询关键字的行,并将结果作为HTML表格返回。 ```php <?php // 获取查询关键字 $search = $_POST["search"]; // 连接到数据库 $servername = "localhost"; $username = "username"; $password = "password"; $dbname = "database"; $conn = new mysqli($servername, $username, $password, $dbname); if ($conn->connect_error) { die("连接失败:" . $conn->connect_error); } // 查询并返回结果 $sql = "SELECT * FROM mytable WHERE column LIKE '%$search%'"; $result = $conn->query($sql); if ($result->num_rows > 0) { echo "<table>"; while($row = $result->fetch_assoc()) { echo "<tr><td>" . $row["column1"] . "</td><td>" . $row["column2"] . "</td></tr>"; } echo "</table>"; } else { echo "没有查询到结果。"; } // 关闭数据库连接 $conn->close(); ?> ```
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值