1

次のようなスパンからデータを投稿したいのですが、クリックしても何も起こりません。次のスパンで「4」を投稿しています。これや構文を投稿する方法はわかりません。スパン。

<span style="color:#B00" id="PidClick">4</span>

これを使用します。

$('#PidClick').click(function() {
console.log('PidClick event:')
   $.ajax({
    dataType:'json',
    data: {data:Pid},
    type:"POST",
    url:"test.php"
    }).done(function(reply){
    console.log('reply is' + reply) 
        alert (reply.name)

})
});

そしてphpです。//// も私の '.$Pid.' です。変数ですよね？これが正しいかどうかはわかりません。 

<?php
require_once 'db_conx.php';
if(isset($_POST["Pid"])) {
$id = preg_replace ('#[^0-9 ]#i', '', $_POST['Pid']);
$Result = mysql_query("SELECT * FROM profiles WHERE Pid = '.$Pid.' ") or die (mysql_error());
while($row = mysql_fetch_array($Result)){
$result = array();
$result['pemail'] = $row['pemail'];
$result['name'] = $row['name'];
echo json_encode($result);
}
}
mysql_close($con);
?>

Console Errors:- 
PidClick event: 'Type error: Type error'
4

5 に答える 5

1

$('#PidClick').text()またはを使用$('#PidClick').html()して、スパンの内部テキストを取得します。

$('#PidClick').click(function() {
  var Pid = $('#PidClick').html();
  ..............
});
于 2013-11-04T06:16:20.117 に答える
1

Pid値を割り当てることができますか?

var Pid = $(this).html();
于 2013-11-04T06:16:34.763 に答える
1

まず、Pid に値を割り当てたら、他の人が言っているように Pid に値を割り当てる必要があります。PHP ファイルでは、Pid という名前の変数を取得しようとしているので、それをそのまま渡します。

更新された JQuery は次のとおりです。

jQuery(document).ready(function($) {
    $('#PidClick').click(function() {
        var Pid = $(this).text();
        $.ajax({
            type: 'POST',
            url: 'test.php',
            dataType: 'json',
            data: {
                Pid: Pid
            },
            success : function(data){
                console.log('reply is' + data.reply);
                alert(data.reply);
            },
            error : function(XMLHttpRequest, textStatus, errorThrown) {
                alert('There was an error.');
            }
        });
    });
});

次に、小さなテスト ケースの PHP ファイルを作成しました。すべてが機能することを確認するだけです。繰り返しになりますが、変数をやり取りするときは変数を同じに保つ必要があります。上記の jquery の例では、"data.reply" を使用して情報を取得していることに気付くでしょう。下の PHP ファイルでは、"reply" という名前の変数にデータを割り当てています。また、Ajax リクエストを介してのみファイルにアクセスできるようにするためのセーフガードも含めました。

<?php

// only work if requested with ajax
if (isset($_SERVER['HTTP_X_REQUESTED_WITH']) &&
        strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {

    if(isset($_POST['Pid'])) {
        $return['reply'] = 'The input was '.$_POST['Pid'];
    }
    else {
        $return['reply'] = 'No input detected';
    }

    echo json_encode($return);

} else {
    die('direct access is forbidden');
}
?>

使用したhtmlファイルは次のとおりです。

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>pid example</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <script src="jquery.js"></script>
        <script src="ajax.js"></script>
    </head>
    <body>
        <span style="color:#B00" id="PidClick">4</span>
    </body>
</html>

また、この例を実行しようとするときは、すべてのファイルのアクセス許可とパスが正しいことを確認してください。この場合、すべてのファイルは同じディレクトリ内に配置する必要があります。

于 2013-11-04T06:55:08.363 に答える
1

.html()内部htmlを取得するユーザー

だから追加$('#PidClick').html();

$('#PidClick').click(function() {
  var Pid = $('#PidClick').html();
  Pid = parseInt(Pid);
   $.ajax({
data: 'Pid='+Pid,
type:"POST",
url:"test.php"
}).done(function(reply){
console.log('reply is' + reply) 
    alert (reply.name)

})
});
于 2013-11-04T06:14:24.183 に答える
1 
$('#PidClick').click(function() {
   var Pid = $('#PidClick').text();
    $.ajax({
       dataType:'json',
       data: 'Pid='+Pid,
       type:"POST",
       url:"test.php"
  }).done(function(reply){
    console.log('reply is' + reply) 
    alert (reply.name)
  })
});

jsフィドラーの例

于 2013-11-04T06:59:15.940 に答える