Как вы отправляете форму с ajax в php? - PullRequest
Новая
       53

Как вы отправляете форму с ajax в php?

0 голосов
/ 21 февраля 2020

Я пытаюсь использовать ajax для отправки формы, но я установил ее, когда она прошла успешно, должно появиться предупреждение jquery, но оно не отображается, поэтому я думаю, что это не удалось. Ребята, вы знаете, почему ??

это форма, которую я пытаюсь отправить с ajax

<b>Product Title: </b><br><input style="width: 50%;" class="form-control itemtitle" type="text" name="title" required="true"><br>
<b>Product Description: </b><br><input style="width: 50%;" class="form-control itemdescription" type="text" name="description" required="true"><br>
<b>Product Price: </b><br><input style="width: 50%;" class="form-control itemprice" type="number" name="price" required="true"><br>
<b>Product Image Address: </b><br><input style="width: 50%;" class="form-control itemimageaddress" type="text" name="image" required="true"><br>
<button type="submit" class="btn btn-primary createproductsubmit">Create Product</button>

это ajax Я использую 

$(".createproductsubmit").click(function(){
    var itemtitle = $(".itemtitle").val();
    var itemdescription = $(".itemdescription").val();
    var itemprice = $(".itemprice").val();
    var itemimageaddress = $(".itemimageaddress").val();

    var dataString = "itemtitle=" + itemtitle + "&itemdescription=" + itemdescription + "&itemprice=" + itemprice + "&itemimageaddress=" + itemimageaddress;

    $.ajax({
        type: "POST",
        url: "pages/newproductaction.php",
        data: dataString,
        cache: false,
        success: function(result)
        {
            alert(result);
        }
    });
});

Ответы [ 2 ]

0 голосов
/ 27 февраля 2020

Просто используйте 

$.post("pages/newproductaction.php", {
itemtitle: itemtitle,
itemdescription: itemdescription,
itemprice: itemprice,
itemimageaddress: itemimageaddress
}, function(data){

});
0 голосов
/ 21 февраля 2020

Несколько комментариев к вашему коду.

1) Вы должны окружить элементы ввода и кнопки кнопками с тегом <form>. 2) Вместо передачи строки с запросом POST просто передайте объект, подобный следующему: 

data: {
    itemtitle: itemtitle,
    itemdescription: itemdescription,
    itemprice: itemprice,
    itemimageaddress: itemimageaddress
}

3) alert () - это не функция jquery, а чистая javascript функция. Я рекомендую вам использовать console.log () и просмотреть результаты в консоли.

4) Проверьте консоль на наличие возможных ошибок javascript. Если у вас есть ошибка js, код даже не вызовет вызов ajax.

5) Проверьте на вкладке Dev tools Network и посмотрите, если ajax Запрос отправляется. Убедитесь, что он достигает верного пункта назначения и проверьте ответ сервера.

Проверяя все это, вы должны быть на правильном пути.

...