ajax提交数据至后端php（ajax前后端数据交互）

发布时间：2022-11-15

本文目录一览：

  1. AJAX怎么通过POST把一个数据发给PHP？
  2. [ajax POST方式传输数据给php](#ajax POST方式传输数据给php)
  3. 怎么用一个ajax把一个div里的数据提交给后台的php执行呢，就是保存？
  4. [ajax提交数据到后台以后，PHP 的CI 框架如何直接跳转页面，而不是返回数据给ajax](#ajax提交数据到后台以后，PHP 的CI 框架如何直接跳转页面，而不是返回数据给ajax)
  5. ajax从html页面传递参数到后台php页面的数据如何存入数据库中呢？

AJAX怎么通过POST把一个数据发给PHP？

帮你调试了一下你的代码，发post请求，数据的格式是：'name=zhangsanage=18'，这种字符串格式的，所以你要把你的 var senddata="4"; 改成 var senddata="senddata=4"; PHP 部分：

$getDeviceID = $_POST[senddata];

改成：

$getDeviceID = $_POST['senddata'];

接收的参数需要加上单引号。 另外如果是 jQuery 就比较简单了，去 jQuery 官网下载 jq3.3.1 然后引入。 PHP部分：

<?php
echo json_encode($_POST, 320);
?>

HTML部分：

<html>
<head>
<script src="jquery-3.3.1.min.js"></script>
</head>
<body>
<script>
function freshdata(){
    $.ajax({
        url: "test.php", //提交地址
        type: "post", //提交方式
        dataType: 'json',
        data: {
            'senddata': 4,
            //如果在加其他参数
            'name': '张三',
            'age': 20,
        },
        success: function(ret) { //msg 返回值
            alert('senddata:' + ret.senddata + '\n姓名:' + ret.name + '\n年龄:' + ret.age);
        }
    });
}
</script>
<span onclick="freshdata()">点击发送ajax请求</span>
</body>
</html>

效果图

ajax POST方式传输数据给php

首先 $_POST 是数组不是方法，你要确认你是否是 post 提交的，并且变量是否是 username。 AJAX:

$.post('index.php', {'username': 'a'}, function(ret) {});

PHP:

$username = $_POST['username'];

怎么用一个ajax把一个div里的数据提交给后台的php执行呢，就是保存？

写一个 jQuery 的示例，假设要获取 div id="content">123</div> 的内容并保存； up.php 页面只要向正常的表单一样用 $_POST['text'] 就可以获取到传递过去的参数了。

ajax提交数据到后台以后，PHP 的CI 框架如何直接跳转页面，而不是返回数据给ajax

第一种，不用 ajax，直接 post 提交 php，在 php 保存数据并执行跳转； 第二种，使用 ajax 的 success 的回调方法，window.location.href="跳转地址"; 第三种，就是在 ajax 后面，加 window.location.href，不管是否 ajax 成功。

ajax从html页面传递参数到后台php页面的数据如何存入数据库中呢？

后台 submitcomment.php 代码：

<?php
include("connect.php"); //连接数据库
print_r($_POST);
echo '<br/>';
echo 'post:' . $_POST["name"] . '<br/>';
echo 'txt:' . $_POST["txt"] . '<br/>';
mysql_query("INSERT INTO biao(name, txt) VALUES ('{$_POST["name"]}', '{$_POST["txt"]}');");
// 这样就可以了，你用的双引号引入变量可以，引入数组时需要使用变量空间或者把数组中[]里面的双引号去掉【如果是单引号也去掉】
推荐文章