無法發送jQuery ajax（）請求到php

Question

我在使用ajax（）函數時遇到了麻煩。我有一個形式的HTML文件，並有JavaScript代碼段：

<script> 
     $(document).ready(function(){ 
      $("form").submit(function(){ 
       var url = "xxx.php/"; 
       var param = $("#streetInput").serialize() + "&"; 
        param += $("#cityInput").serialize() + "&"; 
        param += $("#stateInput").serialize(); 

        htmlobj = $.ajax({ 
            url: url, 
            data: param, 
            type: 'GET', 
            dataType: 'JSON', 
            success: function(output) { 
             // parse the data here 
            }, 
            error: function() { 
            } 
            }); 
       }); 

     }); 
    </script> 

我想構建指向由GET方法指定的PHP文件的URL。但是，我不知道如何檢索通過xxx.php文件中的URL發送的參數。我不知道如何調試。我只是鍵入

<?php 
    echo $_GET("streetInput"); 
    echo $_GET("cityInput"); 
    ...... 
    $xml = simplexml_load_file($url); 
?> 

但它沒有工作。有人可以幫我嗎？我想通過URL給出三個參數到xxx.php，然後打印這些元素

在xxx.php文件中，我構造了一個API請求的URL並返回一個XML文件。我想將$ xml文件轉換爲JSON格式並返回到我的html文件。

Answer 1

更改您的JS代碼：

<script> 
     $(document).ready(function(){ 
      $("form").submit(function(){ 
       var url = "xxx.php"; 
       var param = $("#streetInput").serialize() + "&"; 
        param += $("#cityInput").serialize() + "&"; 
        param += $("#stateInput").serialize(); 

        $.ajax({url: url, data: param, type: 'GET'}); 
      }); 

     }); 
</script> 

或者，如果您有形式上只有這些領域，使用此：

<script> 
     $(document).ready(function(){ 
      $("form").submit(function(){ 
       var url = "xxx.php"; 
       var param = $(this).serializeArray(); //<- Or, .serialize() can also be used 

       $.ajax({url: url, data: param, type: 'GET'}); 
      }); 

     }); 
</script>