php、mysqlでの同期システムを作りたいですがうまく動かないです

Question

こちらは管理画面で、本番同期ボタンを押すと本番ディレクトリーのファイルに同期されるようになっています。
そこで、本番同期ボタンを押すと<Target=”_blank”>などは設定してないのに新しいウィンドウに飛んでしまいます。エラーはありません。

新しいウィンドウに飛ばないように本番同期されたときのメッセージを管理画面上に出したいです。どうすればできるのでしょうか？ご教授お願いいたします。

###ソースコードです

<form action="" method='post'>
    <table class="table table-bordered table-hover">
        <thead>
            <tr>
            <th><input id="selectAllBoxes" type="checkbox"></th>
            <th>番号</th>
            <th>タイトル</th>
            <th>本文</th>
            <th>本番同期</th>
            </tr>
        </thead>
        <tbody>
<?php
    $query = "SELECT * FROM test ORDER BY test_id DESC";
    $sql = mysqli_query($con, $query);

    while($row = mysqli_fetch_assoc($sql)){
        $test_id =$row['test_id'];
        $test_title = mb_substr($row['test_title'],0,15);
        $test_contents = mb_substr($row['test_contents'],0,15);
        echo "<tr>";
?>
<?php
        echo "<td>$test_id</td>";
        echo "<td>$test_title</td>";
        echo "<td>$test_contents</td>";
        echo "<td><button class=\"btn\" onclick=\"window.open('includes/sync.php?test_id={$test_id}');\">本番同期</button></td>";
        echo "</tr>";
}
?>
    </tbody>
    </table>
</form>

Answer 1

window.open 使っているからでしょう。
window.location.href を使えばいいんじゃないですか？

echo "<td><a class=\"btn\" href='includes/sync.php?test_id={$test_id}'>本番同期</a></td>";

Comments

[mst99]

はい、ありがとうございます。

ご指摘通り下記のように試してみましたが何も実行できなかったです
```
echo "<td><button class=\"btn\" window.location.href ='includes/sync.php?test_id={$test_id}';>本番同期</button></td>";
```

[退会済みユーザー]

使い方間違ってるからですね。
button 要素に　window.location.href なんて属性ありません

[mst99]

下記のようにするボタンを押す前に実行されてしまいます！！
宜しくお願いします。

echo "<td><button><script type='text/javascript'> window.location.href='includes/sync.php?test_id={$test_id}'</script></button>";

[mst99]

下記のようurlに飛ぶことはできますが、ボタン押すとurlに飛ばないで、管理画面上にあって欲しいのです。<同期完了みたい>なメッセージだけを出したいです
echo "<td><input type='button' value='本番同期' onClick=\"location.href='includes/hyoshi_sh.php?hyoshi_id={$hyoshi_id}'\"></td>";

[退会済みユーザー]

他の方が指摘されているように、AJAXを利用してください。

[mst99]

Ajaxで書方がわかないです。どう書けばいいですか？

[mst99]

下記のようにしたところ、includes/sync.phpファイルには同期はできているそうですが、dadata: { 'test_id': '{$test_id}' が見つからなかったみたいですね！！何かミスしていますか？

echo "<td><a rel='$test_id' href='javascript: void(0)' id='send'>同期</a></td>";

<script type="text/javascript">
$(function(){
$('#send').click(
function(){
$.ajax({
type: 'POST',
url: 'includes/sync.php',
data: {
'test_id': '{$test_id}'
},
success: function(data){
alert(data);
}
});
}
);
});

</script>

[mst99]

やはり下記のエラーがでています。
Uncaught SyntaxError: Unexpected token .

Answer 2

ajaxで非同期通信（ページ遷移を伴わない、リクエストの送信）できます。
下記のような感じになるかと。

jQuery.ajax(
    "includes/sync.php",{
        type : 'GET',  
        dataType: 'text',
        data: {                     //nameとvalueをセットでオブジェクトの中に定義する
            "test_id" : {$test_id},
        },
        success: function(get){
            console.log(get);
        }
    }
);

Comments

[mst99]

ありがとうございます。
すみませんがjquery/Ajaxとphpの使い方がよくわかっていません、できれば
echo "<td><input type='button' value='本番同期' onClick=\"location.href='includes/sync.php?test_id={$test_id}'\"></td>";で使う時にどうすればいいですか？お教えていただけませんか？

[koufukurairai]

location.hrefの段階で、ジャンプ確定ですよ。
以下みたいな感じですね。

そもそも、HTMLの静的な部分はechoで書かなくても
<php
?>
の中に入れなければそのまま表示されますよ。

```
<script type="text/javascript">
<!--
function unsync_ajax() {
jQuery.ajax(
"includes/sync.php",{
type : 'GET',
dataType: 'text',
data: { //nameとvalueをセットでオブジェクトの中に定義する
"test_id" : {$test_id},
},
success: function(get){
console.log(get);
}
}
);
}
// -->

<td><input type='button' value='本番同期' onClick='unsync_ajax'></td>
</script>
```

[mst99]

ありがとうございます、
ご指摘通り試してみましたが全然反応しないです！

[koufukurairai]

console.logのところをalertにかえてみてください

Answer 3

<form action="hoge.php(自分自身)" method='post'>

のように自分自身宛てにして、ボタンをsubmit形式に。

<td>
<input type="hidden" name="test_id" value="{$test_id}">
<input type="submit" value="本番同期"></td>

という一度ジャンプする形式はダメですか？
ダメならkoufukurairaiさんの言うようにajax通信等で行うか、
xhttp通信（こちらも割と複雑）しか無いと思います。

Comments

[mst99]

ジャンプはダメですね！！