отправка данных формы через Jquery и AJAX не работает должным образом - PullRequest
Новая
       9

отправка данных формы через Jquery и AJAX не работает должным образом

0 голосов
/ 13 июня 2018

У меня есть форма, содержащая две кнопки отправки, я хочу, чтобы она обновляла текущую страницу, как только я отправляю форму, не обновляя всю страницу, но код продолжает перезагружать страницу, и страница даже не обновляется.

HTML-форма 

 <form id="paymentForm" style="margin-left: 15%;margin-bottom: 15px;margin-top:15px;font-size: 18px;" action="#">
  <input class="paymentButton" type="submit" name="COD" value="Cash on Delivery(COD)" style="background-color:#F80;color:white;height: 60px;border-radius: 5px ">
  <input class="paymentButton" type="submit" name="POD" value="Paytm on Delivery(POD)" style="margin-left: 25px;background-color: #F80;color:white;height: 60px;border-radius: 5px">

Код Jquery и AJAX 

$(document).ready(function(){
      $("#paymentForm").submit(function(e){
      e.preventDefault();
      var buttonpressed;
      var paymentValue;
      $("#paymentbutton").click(function() {
      paymentValue = $(this).attr('value') ;

      });
      $.ajax({ 
         url:"payment.php",
         type:'POST',
         data:"{ 
              buttonValue:paymentValue; 
         }",
         success:function(data){
             getElementById('panel13').innerHTML=data;
         }  
        });
           return false;
      });

    });

PHP-скрипт payment.php, куда отправляются данные 

<?php
 $paymentMode="" 
 if(isset($_POST["buttonValue"]==POD))
    $paymentMode="Paytm On Delivery";
 else
    $paymentMode="Cash on Delivery";
echo "Your Order is placed succesfully with payment mode as" .$paymentMode;
?>

Ответы [ 2 ]

0 голосов
/ 13 июня 2018

Вы используете getElementById, вместо этого используйте document.getElementById.Надеюсь, это поможет.

0 голосов
/ 13 июня 2018

enter image description here У вас есть синтаксическая ошибка в php-коде 

$paymentMode="";

Вы пропускаете semicolon ... В следующий раз, каждый раз, когда вы отправляете запрос ajax.Включите chrome dev tool -> network -> XHR, чтобы увидеть, что действительно происходит с вашим запросом.Если запрос не прошел.Нажмите на запрос (у меня есть красный цвет), чтобы увидеть.внутренняя ошибка .. Надеюсь, что это полезно ...

...