フォームからAjax経由でデータを送信

Question

Ajaxを使用してidでデータベースの行を更新する必要があります。

マイフォーム：

<form id="update_ajax"> 
    <input type="text" name="name" class="test_hide"> 
    <input type="hidden" name="id" value="<?php echo $row['id']; ?>"> 
    <input type="submit" value="<?php echo $row['id']; ?>" class="pure-button"> 
</form> 

私のAjax機能：

$("#update_ajax").on("submit", function() { 
     var id = $(this).attr('id'); 
     var name = $(this).attr('name'); 
     var dataall={'id' : id, 'name' : name}; 
     $.ajax({ 
      type: "post", 
      url: "update.php", 
      data: dataall, 
      success: function (data) { 
       alert(data); 
      } 
     }); 
    }); 

そして、私のPHPファイルは次のとおりです。

if ((isset($_GET['id'])) && (isset($_GET['name']))) { 
    $id = $_GET['id']; 
    $name = $_GET['name']; 
}else{ 
    die("Not set"); 
} 
$pdo = new PDO("mysql:host=localhost;dbname=test", "root", "8169x5it"); 
$query = $pdo->prepare("UPDATE test SET name=:name WHERE id=:id"); 
$query->bindParam(':name', $name); 
$query->bindParam(':id', $id); 
$query->execute(); 

そして、 name値が$_GET['name']に設定されていないというエラーがあります。なぜそれが設定されていないのか理解できません。私はそれをデータで送るからです。あなたが持っているもの

Answer 1

これは間違っている：

var id = $(this).attr('id'); 
var name = $(this).attr('name'); 

$(this)はフォームなので、$(this).attr('id')は隠し入力の値は、"update_ajax"ではありません。フォームにname=something属性がないため、$(this).attr('name')は未定義です。何が本当に欲しい：

var id = $(this).find("input[name=id]").val(); 
var name = $(this).find("input[name=name]").val(); 

しかし、あなたがそれをすべてを簡素化することができます：

var dataall = $(this).serialize(); 

serialize()、フォーム内のすべての入力を見つけて、すべてのそれらの値を含む、URLエンコードされた文字列を返します。

最後に、type: 'GET'を使用するようにjQueryを変更するか、$_GETの代わりに$_POSTを使用するようにPHPを変更する必要があります。

Answer 2

、あなたがhttp://api.jquery.com/val/

を望んでいた何http://api.jquery.com/attr/

は、ソース内の他のエラーのように見えていないショットは、それが動作する必要があることを与えます。私たちに知らせていない場合。

はEDIT：

$(this).attr('id'); 
$(this).attr('name'); 

$("input[name=id]").val(); 
$("input[name=name]").val(); 

それとも

$(this).serialize(); 

へ

後で https://api.jquery.com/serialize/を参照してください。また、

あなたが変更します