javascript - 可以做 ajax get 然后将数据发布到 php 文件吗？

Question

当单击表单上的按钮时，我试图向程序外部的 Controller 发出 ajax GET 请求，并且我想使用返回的数据通过 PHP/HTML 动态构建“结果”。

我使用以下ajax(请原谅奇怪的jquery格式。由于wordpress的无冲突模式，我必须使用jQuery()而不是$())。

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 不是最熟悉，但我想我想做的是将数据从 ajax GET 发布到 PHP 文件。这可能吗？如果是这样，怎么办？

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