Подключите форму к сообщению jQuery кнопкой - PullRequest
Новая
       39

Подключите форму к сообщению jQuery кнопкой

0 голосов
/ 07 апреля 2020

У меня есть этот код, и я использую его, чтобы показать некоторые результаты в прямом эфире на моем сайте. Эта форма работает после автоматического заполнения поля. Я хочу сделать это с помощью кнопки. Вот мой код: 

function getStates() {
  var couplername = $('#couplername').val();

  $.post("http://memarooneh.com/wp-content/themes/publisher/includes/subscribe.php", {
    couplername: couplername
  }, function(data) {
    $("#order_price").show();
    $("#order_price").html(data);
  });
}

Ответы [ 4 ]

0 голосов
/ 08 апреля 2020

Я исправил свой код, но теперь у меня появилась новая проблема 

function getStates() {

  var email = $('#email').val();

  $( ".submit" ).click(function() {

    $.post("<?php echo get_template_directory_uri(); ?>/download-func.php", { email:email },

    function(data) {
      $("#order_price").show();
      $("#order_price").html(data);
    });

  });

}

Теперь мой код работает и работает, но проблема в отображении результата. Вы можете увидеть по этой ссылке

http://memarooneh.com/downloads2/ напишите что-нибудь в текстовое поле и затем нажмите на кнопку

0 голосов
/ 08 апреля 2020

Я изменил свой код на это, но все еще не работает @ RoryMcCrossan 

<script>

function getStates() {

  var couplername = $('#couplername').val();
  var couplercount = $('#couplercount').val();
  var couplerlathing = $('#couplerlathing').val();
  var couplerwhois = $('#couplerwhois').val();
  var couplerdetailsname = $('#couplerdetailsname').val();
  var couplerdetailsid = $('#couplerdetailsid').val();
  var couplerdetailsnumber = $('#couplerdetailsnumber').val();

  $( "#target" ).click(function() {
    $.post("http://memarooneh.com/wp-content/themes/publisher/includes/subscribe.php", { couplername:couplername, couplercount:couplercount, couplerlathing:couplerlathing, couplerwhois:couplerwhois, couplerdetailsname:couplerdetailsname, couplerdetailsid:couplerdetailsid, couplerdetailsnumber:couplerdetailsnumber });
  });

  function(data) {
    $("#order_price").show();
    $("#order_price").html(data);
  };

}

</script>
0 голосов
/ 08 апреля 2020

Я думаю, это то, что вам нужно. 

$(document).ready(function() {
    $( "#target" ).click(getStates);
});

function getStates() {

  var couplername = $('#couplername').val();
  var couplercount = $('#couplercount').val();
  var couplerlathing = $('#couplerlathing').val();
  var couplerwhois = $('#couplerwhois').val();
  var couplerdetailsname = $('#couplerdetailsname').val();
  var couplerdetailsid = $('#couplerdetailsid').val();
  var couplerdetailsnumber = $('#couplerdetailsnumber').val();

  $.post(
     "http://memarooneh.com/wp-content/themes/publisher/includes/subscribe.php", 
     { couplername:couplername, couplercount:couplercount, couplerlathing:couplerlathing, couplerwhois:couplerwhois, couplerdetailsname:couplerdetailsname, couplerdetailsid:couplerdetailsid, couplerdetailsnumber:couplerdetailsnumber },
     function(data) {
       $("#order_price").show();
       $("#order_price").html(data);
     });
}
0 голосов
/ 07 апреля 2020

хрупкий способ отправки AJAX запроса через созданную вами функцию - использование обработчика onClick, как показано ниже 

<button onclick="getStates()" id="subscribe_btn">Subscribe</button>
...