Используете метод 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 и просто получаю эхо простого элемента, он работает и вводит значение echo в 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 */
});