使用JQuery .Ajax（）方法？

Question

我正在创建一个用户在其中填写表单的网站，该数据已发送到php脚本并在div中显示结果，并且一直在努力完成一段时间。 以下是我创建的代码：

该按钮激活此功能：

function callFunc()
{
    var testVar = "Example 01";
    $.ajax(
    {
        url: "public/includes/userCreate.php",
        type: "POST",     
        data: testVar,  
        success: function(html) 
        {             
              $('#web_Content').html(html);
        }      
    });     
};

PHP文件是这样的：

<?php
    $test = $_POST['testVar'];
    echo $test;
?>

由于某些原因，尽管我不工作。 我的意思是，它不会将echo命令的值注入div，但是，如果我从PHP中取出了变量数据，只是让它回显了一个简单的元素，它确实起作用并将回声值注入了div，下面是将运行的代码：

<?php
    $test = $_POST['testVar'];
    echo "<h3>User ???? Created.</h3>";
?>

我认为这是因为我没有正确发送数据，谁能告诉我将数据发送到PHP脚本的正确方法，以及如何发送多个变量？

Answer 1

您需要data: { testVar: "Example 01"}这是一个键值对。 这将生成查询字符串参数，例如testVar=Example%2001

Answer 2

通过AJAX函数发送数据的正确方法是使用对象或字符串。 例子：

var pData = "testVar=Example.";
$.ajax({
/* Other ajax params */
data: pData,
/* Other ajax params */
});     

要么

var pData = { testVar: "Example." };
$.ajax({
/* Other ajax params */
data: pData,
/* Other ajax params */
});