-2

こんにちは私はAJAXの初心者で、かなり長い間それを避けてきました。私は現在jQueryプラグインを使用しており、AJAXを使用して（PHPから）使用するデータを伝達する必要があります。

これが私が使用しているjQueryコードです：

$("#fancybox-manual-c").click(function () {
    $.fancybox.open([{
        href: '1_b.jpg',
        title: 'My title'
    }, {
        href: '2_b.jpg',
        title: '2nd title'
    }, {
        href: '3_b.jpg'
    }], {
        helpers: {
            thumbs: {
                width: 75,
                height: 50
            }
        }
    });
});

AJAXを使用してPHPデータを取得し、hrefとタイトルを入力するにはどうすればよいですか。どんな情報やチュートリアルでも大歓迎です！

ありがとう！！

4

2 に答える 2

1

のドキュメントはajax()いくつかの例を示していますが、ここにもう1つの基本的な例があります。

javascript

$.ajax({
  type: "POST",
  url: "some.php",
  dataType:'json',
  data: { name: "John", location: "Boston" }
}).done(function( msg ) {
  if (msg.err == true) {
     alert('Error: '+msg.msg);
     return;
  }
  alert("A winner is: '+msg.name);
});

php

    <?php

        $response = array(
            'err'=>false,
            'msg'=>''
        );
        $name = isset($_POST['name']) ? $_POST['name'] : false;
        $location= isset($_POST['location']) ? $_POST['location'] : false;

        if (!$name) {
            $response['err'] = true;
            $response['msg'] = 'Invalid name';
            die(json_encode($response));
        }

        $response['name'] = $name;
        if ($location)
            $response['name'] .= ' from '.$location;
        die(json_encode($response));
 ?>

お気づきのように、ほとんどの開発者は最初にドキュメントを確認するように互いに勧めています。実際、Googleのクエリ「ajaxチュートリアル」は非常に有益でした。:)

ドキュメンテーション

于 2012-07-11T18:39:27.373 に答える
1

私は昨日あなたとまったく同じ状況にありました。オンラインには優れたAjaxチュートリアルがたくさんありますが、可能な限り最も基本的な例を示しているものはないようです。これが私が学んだことです。

このhtmlファイルと同じフォルダーにjquery.jsがあることを確認してください。私は私のtest.phpという名前を付けました。

このファイルは、ファイルscript.phpに対して非常に単純なPOST ajax呼び出しを行い、trueの値を持つtestCheckという1つの変数も送信します。データが返された後、コールバック関数が実行され、＃testというDIVにAJAXからの応答が入力されます。

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<style>
#test {
 width: 200px;
 height: 200px;
 background: gray;
}
</style>
</head>

<script type="text/javascript">
$(document).ready(function() {
$("#test").click(function() {
    $.post("script.php", {testCheck: true}, function(data) {
      $('#test').html(data);
    });     
});   
});
</script>

<body>
  <div id="test">TEST DIV</div>
</body>
</html>

これがphpロジックを持つscript.phpファイルです。両方のファイルをjquery.jsファイルと一緒に同じディレクトリに配置し、Apacheサーバーで実行すると、正常に機能するはずです。

<?php


$testCheck = $_POST['testCheck'];

if($testCheck)
{
    echo "It is true!";
}
else
{
    echo "It is false!";
}

?>
于 2012-07-11T18:55:56.653 に答える