jquery調用PHP響應失敗

我有兩個文件一個PHP和一個HTML，HTML文件作爲用戶界面，用戶輸入他們的查詢，PHP文件作爲過程或事件發生的地方，然後它將返回他們到輸出的html文件。據我的朋友，鏈接兩者的最好方法是使用jquery或ajax，我不太確定。我試圖用這段代碼來鏈接它們，但如果你能幫我找到我的錯誤，我會很樂意欣賞它，但它不起作用。jquery調用PHP響應失敗

HTML文件

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script type="text/javascript"> 

$(document).ready(function() { 
    $('#setVal').on('click', function() { 
     var form = $('.buildaddress').not('#formatted_address'); 
     var vals = form.map(function() { 
      var value = $.trim(this.value); 
      return value ? value : undefined; 
     }).get(); 
     $('#formatted_address').val(vals.join(', ')); 
</script>

，當我加入這部分的鏈接沒有工作

<script> 
      $('#Compare').click(function(e) { 
       e.preventDefault(); 
       var address = $('#address').val(); 
       var formatted_address = $('#formatted_address').val(); 
       console.log(address); 
       console.log(formatted_address); 
       $.ajax({ 
        type: 'POST', 
        url: 'Corrections.php', 
        data: { 
         var1: address, 
         var2: formatted_address 
        }, 
        success: function(data) { 
         document.getElementById('cor').value = data; 
        } 
       }); 
      }); 
     }); 
    </script>

PHP文件

<?php 
$str1 = $_POST['var1']; 
$str2 = $_POST['var2']; 
$tempArr; 
$var2; 
$ctr=0; 

echo "Input: $str1\n"; 
echo "Output: $str2\n"; 
?>

來源

2014-01-23 Mr. Fox

嘗試在瀏覽器中使用控制檯。我個人喜歡Firefox的firebug。它應該向你展示ajax請求以及它返回的響應類型（如果有的話）。 – azzy81

正確縮進您的代碼（您幾乎可以做到這一點）應該可以幫助您找到這類問題。並按照建議使用控制檯！ – MrUpsidown

你必須在腳本中額外});。只需在第二個腳本中刪除多餘的});，您的代碼就可以運行

<script> 
     $('#Compare').click(function(e) { 
      e.preventDefault(); 
      var address = $('#address').val(); 
      var formatted_address = $('#formatted_address').val(); 
      console.log(address); 
      console.log(formatted_address); 
      $.ajax({ 
       type: 'POST', 
       url: 'Corrections.php', 
       data: { 
        var1: address, 
        var2: formatted_address 
       }, 
       success: function(data) { 
        document.getElementById('cor').value = data; 
       } 
      }); 
     }); 
    //}); should be removed 
</script>

來源

2014-01-23 09:56:42

這也是一個錯誤，但它仍然沒有用tnx指出它 –

@ user3046019可能是ajax調用返回一個錯誤，嘗試添加'錯誤函數'並檢查。請注意，如果ajax調用php，那麼它將被視爲成功。您的php代碼中有錯誤 –

只需嘗試'alert（data）'即可成功查看響應中包含的信息 –

jquery調用PHP響應失敗

回答

相關問題