Как я могу обновить существующее существующее обновление кода?

-1

Ive включил файл php Ive, используемый для вычисления моего уравнения. Мне нужно иметь возможность отображать ответы без перезагрузки страницы. Я новичок в концепции Ajax и новичка в JS. Любая помощь будет оценена!Как я могу обновить существующее существующее обновление кода?

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title>ProNexis</title> 
<link rel="stylesheet" href="assets/demo.css"> 
<link rel="stylesheet" href="assets/form-basic.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">  </script> 
</head> 
<div class="main-content"> 
    <form id="myForm" name="myForm" class="form-basic" action="equate.php" method="POST"> 

     <div class="form-title-row"> 
      <h1>How much can ProNexis earn for you?</h1> 
     </div> 

     <div class="form-row"> 
      <label> 
       <span>Locations</span> 
       <input type="text" id="branches" name="branches" placeholder="#"> 
      </label> 
     </div> 

     <div class="form-row"> 
      <label> 
       <span>Close Rate</span> 
       <input type="text" id="closerate" name="closerate" placeholder="%"> 
      </label> 
     </div> 

     <div class="form-row"> 
      <label> 
       <span>Average ticket size</span> 
       <input type="text" id="ticketsize" name="ticketsize" placeholder="$"> 
      </label> 
     </div> 

     <div class="form-row"> 
      <button name="calculate" class="btn btn-primary">Calculate!</button> 
     </div> 

    </form>  
</div> 
</body> 
</html> 

<?php 


$branches = $_POST['branches']; 
$closerate = $_POST['closerate']; 
$ticketsize = $_POST['ticketsize']; 
$leadsperhour = 8; 

$revenue = ($branches * $leadsperhour) * $closerate * $ticketsize; 
$leadsmissed = $branches * $leadsperhour; 

$panswerrate = .92 * $leadsmissed; 

$pcloserate = $closerate * $leadsmissed; 
$prevenue = $pcloserate * $ticketsize; 


echo "Your company, on average, missed " . $leadsmissed . " leads in the past hour. "; 

echo "With Pronexis, you would have talked to " . $panswerrate . " of those leads, closed " . $pcloserate . " of them, and received $" . $prevenue . " more revenue!"; 


?> 
<!DOCTYPE html> 
<html lang="en"> 

<head> 

<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title>ProNexis</title> 
<link rel="stylesheet" href="assets/demo.css"> 
<link rel="stylesheet" href="assets/form-basic.css"> 

</head> 
<body> 
</body> 
</html>

источник

2016-02-14 Jeremiah Olsen

изучать и использовать ** AJAX ** – Blip

Дайте попробовать на мой ответ – Butterfly

Спасибо все для ваших ответов. Отлично! –

Ваш HTML сценарий должен быть следующим. Не забудьте включить вашу библиотеку jquery.

calculate.html

<!DOCTYPE html> 
<html> 
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"> 
<script src="js/jquery.js"></script> 
<script src="js/jquery.validate.js"></script> 
<title>Validation Test</title> 
<head> 
<script> 
    $(document).ready(function(){ 
     $(document).on('click', '.btn.btn-primary', function(e){ 
      e.preventDefault(); 
      var branches = $('#branches').val(); 
      var closerate = $('#closerate').val(); 
      var ticketsize = $('#ticketsize').val(); 
      $.ajax({ 
       url: 'calculate.php', 
       method : 'POST', 
       datatType: 'JSON', 
       data: { 
        branches : branches, 
        closerate : closerate, 
        ticketsize : ticketsize, 
       }, 
       success: function(result){ 
        obj = JSON.parse(result); 
        $('#result_1').text(obj.string1); 
        $('#result_2').text(obj.string2); 
       } 
      }); 
     }) 
    }) 
</script> 
</head> 
<body> 
<div class="main-content"> 
    <form id="myForm" name="myForm" class="form-basic" action="calculate.php" method="POST"> 
     <div class="form-title-row"> 
      <h1>How much can ProNexis earn for you?</h1> 
     </div> 

     <div class="form-row"> 
      <label> 
       <span>Locations</span> 
       <input type="text" id="branches" name="branches" placeholder="#"> 
      </label> 
     </div> 

     <div class="form-row"> 
      <label> 
       <span>Close Rate</span> 
       <input type="text" id="closerate" name="closerate" placeholder="%"> 
      </label> 
     </div> 

     <div class="form-row"> 
      <label> 
       <span>Average ticket size</span> 
       <input type="text" id="ticketsize" name="ticketsize" placeholder="$"> 
      </label> 
     </div> 

     <div class="form-row"> 
      <button name="calculate" class="btn btn-primary">Calculate!</button> 
     </div> 

    </form> 

    <div id="result"> 
     <p id="result_1"></p> 
     <p id="result_2"></p> 
    </div>  
</div> 
</body> 
</html>

Ваш php сценарий должен быть, как показано ниже Calculate.php:

<?php 
    $branches = $_POST['branches']; 
    $closerate = $_POST['closerate']; 
    $ticketsize = $_POST['ticketsize']; 
    $leadsperhour = 8; 


    $revenue = ($branches * $leadsperhour) * $closerate * $ticketsize; 
    $leadsmissed = $branches * $leadsperhour; 

    $panswerrate = .92 * $leadsmissed; 

    $pcloserate = $closerate * $leadsmissed; 
    $prevenue = $pcloserate * $ticketsize; 


    $result['string1'] = "Your company, on average, missed " . $leadsmissed . " leads in the past hour. "; 

    $result['string2'] = "With Pronexis, you would have talked to " . $panswerrate . " of those leads, closed " . $pcloserate . " of them, and received $" . $prevenue . " more revenue!"; 




    echo json_encode($result); 
?>

источник

2016-02-14 05:59:45 Butterfly

Спасибо! Это здорово! Это помогло увидеть весь процесс и как он работал. Еще раз спасибо! –

Извините, я думаю, я нажал его дважды. Еще раз спасибо. –

Создать DIV, чтобы показать результат

<div id="result"> 

</div>

И добавить это в нижней части тела перед тем:

 <script> 
    $("#myForm").submit(function(event) { 

     /* Stop form from submitting normally */ 
     event.preventDefault(); 

     /* Clear result div*/ 
     $("#result").html(''); 

     /* Get some values from elements on the page: */ 
     var values = $(this).serialize(); 

     /* Send the data using post and put the results in a div */ 
     $.ajax({ 
      url: "script.php", 
      type: "POST", 
      data: values, 
      success: function(data){ 
       $("#result_div").fadeIn(1000).html('Your company, on average, missed ' + data.leadsmissed + ' leads in the past hour. <br> With Pronexis, you would have talked to ' . data.panswerrate . ' of those leads, closed ' . data.pcloserate . ' of them, and received $' . data.prevenue . ' more revenue!'); 
      }, 
      error:function(data){ 
       $("#result_div").fadeIn(1000).html('Error'); 
      } 
     }); 
    }); 
</script>

И ваш PHP (script.php)

<?php 


$branches = $_POST['branches']; 
$closerate = $_POST['closerate']; 
$ticketsize = $_POST['ticketsize']; 
$leadsperhour = 8; 

$data['revenue'] = ($branches * $leadsperhour) * $closerate * $ticketsize; 
$data['leadsmissed'] = $branches * $leadsperhour; 

$data['panswerrate']= .92 * $data['leadsmissed']; 

$data['pcloserate'] = $closerate * $data['leadsmissed']; 
$data['prevenue'] = $data['pcloserate'] * $ticketsize; 


//Return the data back 
echo json_encode($data); 


?>

Я не тестировал, но он должен работать.

источник

2016-02-14 05:57:58

Спасибо! Это тоже работало! Я ценю разбивку. Я знаю, что это может показаться простой проблемой, но мне это было сложно. Еще раз спасибо! –

Отличный !! Отметьте ответ как воспринятый, если он сработает для вас :) –

Как я могу обновить существующее существующее обновление кода?

ответ

Смежные вопросы