jQuery帖子没有传递参数

Question

我有一个问题，即将变量发布到php脚本并在没有刷新页面的情况下返回结果。 php脚本koord.php经过测试，工作正常。

这是我的js代码（ adresa ， mjest o和coords是文本输入框）：

$(document).ready(function () {
    $('#coord_click').click(function () {
        provjera();
    });
});

function provjera() {

    var adresa = $('#adresa').val();
    var mjesto = $('#mjesto').val();
    var puna_adresa = adresa + " " + mjesto;

    $.post("koord.php", { puna_adresa: puna_adresa },function (result) {
        $('#coords').val(result);
    });
}

koord.php：

$puna_adresa = $_GET['puna_adresa']; 

function getCoordinates($address){ 
    $address = str_replace(" ", "+", $address); 
    $url = "maps.google.com/maps/api/geocode/…"; 
    $response = file_get_contents($url); 
    $json = json_decode($response,TRUE); 

    return ($json['results'][0]['geometry']['location']['lat'].",".$json['results'][0]['geo‌​metry']['location']['lng']); 
} 

echo getCoordinates($puna_adresa);   

完整的源代码在这里： http ： //pastebin.com/u/bradetic

谢谢！

Answer 1

你真的需要使用Jquery AJAX，这是一个例子：

<script>

function your_function()
{

// collect data like this
var formData = jQuery("#your_form_id").serializeArray();

jQuery.ajax({  
    type: "POST",  
    url:"your_php_page.php",  
    data:formData,
    dataType:'json',

    beforeSend: function()
    {
    },
    success: function(resp)
    {  

        alert(resp);

    }, 
    complete: function()
    {
    },
    error: function(e)
    {  
        alert('Error: ' + e); 
    }  
}); 

}

</script>

你的PHP脚本应该是这样的：

$puna_adresa=$_POST['puna_adresa']; 

function getCoordinates($address){ 
$address = str_replace(" ", "+", $address); 
$url = "maps.google.com/maps/api/geocode/…;; 
$response = file_get_contents($url); 
return $response;
} 

$response = getCoordinates($puna_adresa);

echo json_encode($response);

Answer 2

Jquery POST不是问题。

你正在做$.post(...) ，这意味着你需要通过$_POST获取koord.php的参数，并且你正在使用$_GET ，你看到问题是对的吗？

解

改变$_GET['puna_adresa']; 到$_POST['puna_adresa'];

要么

在客户端更改$.post(...) $.get(...) $.post(...) 。

你知道POST和GET之间的区别吗？

• 你什么时候使用POST，什么时候使用GET？
• 我应该如何在HTML表单中选择GET和POST方法？

Answer 3

你能试试吗

     $.post("koord.php", { puna_adresa: adresa, mjesto: mjesto }, function (result) {
        $('#coords').val(result);
    });

其他方式：

    $.post("koord.php", $( "#testform" ).serialize(), function (result) {
        $('#coords').val(result);
    });

参考： http ： //api.jquery.com/jQuery.post/

Answer 4

你可以尝试这个

$.post( "koord.php", $( "#testform" ).serialize() );