Можно ли сделать ajax get, а затем отправить эти данные в файл php?

Question

Я пытаюсь сделать запрос ajax GET контроллеру вне моей программы, когда нажимают на мою форму, и я хочу использовать данные, возвращаемые для динамического создания «результатов» с помощью PHP/HTML.

Я использую следующий ajax (пожалуйста, извините странный формат jquery. Мне нужно использовать jQuery() вместо $() из-за того, что wordpress не имеет режима конфликта.

var $j = jQuery; 
$j(document).ready(function(){ 
$j('.button-1').click(function(){ 

    var distanceInput = $j('#distance-value').text().match(/[0-9]+/); 
    var zipInput = $j('.location-search input').val(); 

    $j.ajax({ 
     headers: { 
      'Secret' : 'secretkeyexample' 
     }, 
     url: 'https://example.net/api/1/index.php?r=OfficeLocator/getOfficesInRange', 
     data: { zip: zipInput , range: distanceInput }, 
     method: 'GET', 
     dataType: 'json', 
     success: doSomethingHere 
     } 
    }); 

}) 
}); 

Я хочу использовать эти данные в настройках PHP файла, как этот

<div class="fusion-column-wrapper" style="min-height:706px; height:auto"> 
<?php 
    $results; // Store the json data here 
    $i = 0; 
?> 
<h2 data-fontsize="35" data-lineheight="40">Search Results</h2> 
<?php foreach ($results as $officeId => $officeArray) : ?> 
    <?php $i++ ?> 

    <div class="search-result-number"><?php echo $i; ?></div> 
    <div class="search-result-city"><?php echo $officeArray['officename']; ?></div> 
    <div class="clearfix"></div> 
    <p> 
     <?php echo $officeArray['addr2'] ?><br> 
     <?php echo $officeArray['state'] ?><br> 
     <?php echo $officeArray['phone'] ?><br> 
     <?php echo $officeArray['fax'] ?><br> 
    </p> 
    <hr class="search-result-hr"> 

<?php endforeach ?> 

Прости меня, как я не самый знакомый с AJAX, но я полагаю, что я пытаясь сделать это, отправьте данные в файл PHP из ajax GET. Это возможно? Если да, то как?

Answer 1

попробовать, потому что JavaScript переменных правила являются var k не var $k

var k = jQuery.noConflict(); 
    k(document).ready(function(){ 
     k('.button-1').click(function(){ 
     var distanceInput = k('#distance-value').text().match(/[0-9]+/); 
     var zipInput = k('.location-search input').val(); 
     // Ajax Code Here  
     k.ajax({ 
      dataType: 'json', 
      url: 'https://example.net/api/1/index.php?r=OfficeLocator/getOfficesInRange', 
      data: { zip: zipInput , range: distanceInput},     
     }); 
     // Ajax Response Here 
     .done(function(msg) { 
      alert("Data Saved: " + msg); 
     }); 
     }); 
    }); 

Проверь это Синтаксисом enter link description here и enter link description here