複数の変数をサーバーjQueryに送信

Question

jQuery.ajaxを使用して複数の変数を外部サーバーに送信する方法を教えてください。変数からmySQLを更新する外部PHPファイルに値を送る必要があります。これが今の私が使用するコードです：

Javascriptを：

var number= localStorage.getItem("number") 
var coords = {lat: "", lon: ""}; 

window.onload = function getLocation() { 
    if (navigator.geolocation) { 
     navigator.geolocation.watchPosition(showPosition); 
    } 
    else{ 
     x.innerHTML="Geolocation is not supported by this browser."; 
    } 
} 

function showPosition(position) { 
    coords.lat = position.coords.latitude; 
    coords.lon = position.coords.longitude; 

    x.innerHTML="Latitude: " + coords.lat + "<br />Longitude: " + coords.lon; 
} 

function sendToServer() { 
    // here you can reuse the object to send to a server 
    alert(coords.lon); 
} 

function Updatelocation() { 
    jQuery.ajax({ 
     type: "POST", 
     url: "location.php", 
     data: 'x='+coords.lon, 'y='coords.lat, 'number'=number 
     cache: false, 
     success: function(response) { 
      alert("Record successfully updated"); 
     } 
    }); 
} 

とlocation.php：

<?php 
    include 'config.php'; 

    // database connection 
    $conn = new PDO("mysql:host=$dbhost;dbname=$dbname",$dbuser,$dbpass); 

    // new data 

    $x = @$_POST['x']; 
    $y = @$_POST['y']; 
    $num = @$_POST['num']; 
    // query 
    $sql = "update table set 
    x=? , 
    y=? 
    where num='?'"; 
    $q = $conn->prepare($sql); 
    $q->execute(array($x, $y, $num)); 
?> 

Answer 1

変更

data: 'x='+coords.lon, 'y='coords.lat, 'number'=number 

data: 'x='+coords.lon+'&y='+coords.lat+'&number='+number; 

へ

ところで、あなたのPHPファイルではidを参照していますが、あなたはその変数を送信しません。また

jQuery.ajax({ 
    type: "POST", 
    url: "location.php", 
    data: { 
     x  : coords.lon, 
     y  : coords.lat, 
     num  : number 
    }, 
    cache: false, 
    success: function(response) { 
     alert("Record successfully updated"); 
    } 
}); 

：あなたが "NUM" ではない "数"

EDITを使用してPHPで：とあなたの最後の質問の前後に引用符を削除し、私は構造体を使用したい読みやすくするために

Answer 2

マーク

$sql = "update table set 
x=? , 
y=? 
where num=?"; 

代わりの

$sql = "update table set 
x=? , 
y=? 
where num='?'"; 

Answer 3

私はJSONを使用したい：

data = { 
    x: cords.lon, 
    y: cords.lat, 
    number:number 
} 
jQuery.ajax({ 
    type: "POST", 
    url: "location.php", 
    data: 'data='+JSON.stringify(data), 
    cache: false, 
    success: function(response) { 
     alert("Record successfully updated"); 
    } 
}); 

location.php

<?php 
    include 'config.php'; 

    // database connection 
    $conn = new PDO("mysql:host=$dbhost;dbname=$dbname",$dbuser,$dbpass); 

    // data from javascript 
    $data = json_decode($_POST['data']); 

    // query 
    $sql = "update table set 
    x=? , 
    y=? 
    where num='?'"; 
    $q = $conn->prepare($sql); 
    $q->execute(array($data->{'x'}, $data->{'y'}, $data->{'number'})); 
?>