javascript - Ajax 发送数据并从数据库中获取值

Question

我愿意:

1. 使用ajax将index.php文件中的数据发送到php

2. 然后根据它在数据库中找到适当的值

3. 并将返回值发送到index.php并将其放入“经度”输入中。

我真的不知道该怎么做。

例如:我在输入“bar”中写入“lala”，然后单击“提交”按钮，然后在数据库中查找“经度”，其中Nombre =“lala”，最后它出现在“经度”输入。

index.php:

<form id="foo">
<label for="bar">A bar</label>
<input id="bar" name="bar" type="text" value="" />
<input type="submit" value="Send" />
</form>
<input id="longitude" name="longitude" type="text" value="" />

index.js(发送值)和下一个获取数据(经度)并放入经度:

$(function () {

    $('form').on('submit', function (e) {

      e.preventDefault();

      $.ajax({
        type: 'post',
        url: 'http://localhost/inne/phonegap_test/agregar.php',
        data: $('form').serialize(),
        success: function () {
          alert('form was submitted');
        }
      });

    });

  });

agregar.php:

$servername = "localhost";
$username = "root";
$password = "";
$dbname = "inzynierka_test2";

$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 

$val1 = $_POST['bar'];

$sql2 = "SELECT `longitude` FROM `lugar` WHERE `Nombre`= $val1 ORDER BY `ID` DESC LIMIT 1";
$result2 = $conn->query($sql2);

if ($result2->num_rows > 0) {
$row2 = $result2->fetch_assoc();
$cal2 = $row2["longitude"];
}
else{
    echo "Nie znalazło miasta";
}


echo json_encode(array( "longitude" => $cal2 ));

Answer 1

将返回值发送到index.php并将其放入“经度”输入中。

如果一切顺利，试试这个

$(function () {

$('form').on('submit', function (e) {
  e.preventDefault();
  $.ajax({
    type: 'post',
    url: 'http://localhost/inne/phonegap_test/agregar.php',
    data: $('form').serialize(),

    //dont forget set return back 
    success: function ( e) {

      //parse the data from json
      var data = JSON.parse(e);

      //set into longitude input
      $('#longitude').val(data.longitude);

      alert('form was submitted');
    }
  });
});

});

和你的 php 代码

if ($result2->num_rows > 0) {
   $row2 = $result2->fetch_assoc();
   $cal2 = $row2["longitude"];
}
else{
   $cal2 = "Nie znalazło miasta";
 } 
return json_encode(array( "longitude" => $cal2 ));